Blogger music player : Add an audio player to Blogger blog

Blogger music player : Add an audio player to Blogger blog



Add an audio player or music player to your blog posts or widgets in three simple steps and you will get audio player as elegant as the following player





This technique is based on simple HTML5 code this mean that if your browser is very old it may not work for you

1- add the following code to your posts or HTML/Javascript widgets

<audio controls = " autoplay">
<source src="url-of-audio-file"></source>
If you cannot see the audio controls, your browser does not support the audio element
</audio>

2- Replace the url-of-audio-file by the audio file link it`s usually a file that ends with .mp3
you can use dropbox to upload mp3/ogg

3- Controls attribute allow you to control the audio player :

autoplay : mean that player will start automatically
loop :  mean that player will start over again and again after it`s finished


Blogger music player : Add an audio player to Blogger blog
4/ 5 stars - "Blogger music player : Add an audio player to Blogger blog"