I've been trying to use the
<audio> tag to play MP3 files and the
<video> tag to play MP4 files, both with the
controls attribute, and they work fine, but it isn't possible to apply custom styles over them and they change from one browser to another.
<audio> tag works like this:
<audio controls loop> <source src="audio.mp3" type="audio/mpeg"> </audio>
<video> tag like this:
<video controls loop> <source src="video.mp4" type="video/mp4"> </video>
So I realized the default audio player set to the new Media Widgets introduced in WordPress 4.8 have nice players and they could be enough and I'd like to borrow their properties to use inside the body of audio/video format posts.
How can I achieve that?