May 26, 2014

How To Embed A Simple MP3 Player in Your Blog Using HTML5 Instead of Flash

Last week I was on the Dr. Katherine Albrecht radio show talking about Linux. After the show was over I wanted to share that episode here on Bauer-Power using an MP3 of her show. In the past I would use some embedded Flash player to do that, but this time I couldn't find one.

Then I stumbled across a post from Blogger Buster showing how to add a simple player to your blog by just using HTML5 code!

The code I used was:

<audio controls>
<source src="url-of-audio-file" />
If you cannot see the audio controls, your browser does not support the audio element
</audio>
I of course replaced url-of-audo-file with the actual URL of the mp3 I wanted to play. It worked perfectly! Here is what it looks like:



It is a great way to add an embedded player to your site without users needing any special plugins like Flash!

There are some additional tags you can use to make the player do different things. You can read more about it in Blogger Buster's post!
Enhanced by Zemanta



Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | stopping spam