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

Status
Not open for further replies.

msk19994

Active Member
2,813
2011
566
15
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()" />
 
Last edited:
Status
Not open for further replies.
Back
Top