How to add HTML5 Mp3 Player ?

Filled under:

How to add HTML5 Mp3 Player ? danuka ranasinghe danukazoneHow to add HTML5 Mp3 Player ?

    1. Go to blogger Dashboard  > Layout
    2. Then Click on Add Gadget
    3. Select HTML/Javascript
    4. Copy the below code and Save it. (Any one of 3)

  • Code For Normal Mp3 Player
<audio controls="controls"><source src="http://danukazone.blogspot.com/" autoload="true" autoplay="true" hidden="true" type="audio/mp3" /></source></audio>
  • Code to play Automatically
<audio controls autoplay="controls"><source src="http://danukazone.blogspot.com/" autoload="true" autoplay="true" hidden="true" type="audio/mp3" /></source></audio>
  • Code to play music again and again (Looping)
<audio controls loop="controls"><source src="http://danukazone.blogspot.com/" autoload="true" autoplay="true" hidden="true" type="audio/mp3" /></source></audio>
 
    Note: Replace http://danukazone.blogspot.com/ with url of mp3 file you want to play. The url     will end with  .mp3

    5. Now you have working  HTML5 Mp3 player on your blog.
    6. Place this widget where you want it to appear on your blog.

Preview




Posted By Ran Veer4:01 AM