Easy Audio Player with HTML5

Have Your Heard My New Song?

There are so many wonderful features that we have access to by utilizing HTML5.
One of which is an easy audio player embed.

It’s a simple HTML markup which results in a very sleek audio player on your site.

Here is a basic example:

If using WordPress, you can use an easy shortcode in place of traditional HTML:

You can also get a little more complex by adding some styling and even a download link:

Live Example:

Acoustic Peace – Audio Jungle (click here to download)

NOTE: Please make sure you have the rights to use and distribute the audio files you embed. The example audio for this post was purchased from Audio Jungle and the download link is purposefully incorrect.


What clever ways do you use your audio player?
(Let us know in the comments.)


(Photo Credit: kmckaskle)