Quantcast
Channel: WJunction - Webmaster Forum - QuickRDP.com- Upto 60% on rdp plans for ...
Viewing all articles
Browse latest Browse all 15793

How To Include Start And Stop Images In An Html Audio tag

$
0
0
Hey Guys
I am trying to apply an html audio tag on a website, ie kassimdenim.com,
I am trying to include the html audio tag in it ie

Code:

<audio autoplay="autoplay" controls="controls" loop = "loop">
<source src="somefile.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

what i would like to inquire is that how i can include a small image at the bottom of each layer so that when clicked the audio stops and when clicked again the audio resumes, currently it shows me as a player rather than what i actually require, It would be great if someone could help me out here.
Thanks .

__________________
Added after 28 minutes:

Made a better code and it works :P


Code:








<audio id="lostmojo" autoplay="autoplay" loop="loop">
    <source src="http://uhmp3.com/user-mp3-to/11_rude-rude-magic.mp3" type="audio/mp3">
</audio>




<img src="http://png-3.findicons.com/files/icons/772/token_light/128/mute.png" width="34" height="31" alt="mute" onclick="document.getElementById('lostmojo').pause()" />
<img src="http://www.myflower.ch/wp-content/uploads/2011/11/sound.png" width="34" height="31" alt="play" onclick="document.getElementById('lostmojo').play()" />


Viewing all articles
Browse latest Browse all 15793

Trending Articles