audio標簽+JS實現音樂播放和暫停的功能

此處以點擊音樂圖片sndctrl實現功能舉例：

HTML部分：

<div class="sndctrl">
　　<img class="homeLoadingImg" data-src="images/a01.png"><i></i>
　　<audio id="audio" src="media/music.mp3" autoplay></audio>
</div>

JS部分：

/*
函數名稱：music()
功 能：播放背景音樂
*/
function music() {
　　var audio=document.getElementById("audio");
　　var sndplay=false;
　　$("html,body").one("touchstart",function(){
　　　　sndplay=true;
　　　　audio.play();
　　});
　　audio.addEventListener("ended",function(e){
　　　　sndplay=true;
　　　　audio.play();
　　},false);
　　$(".sndctrl").click(function(){
　　if(sndplay){
　　　　audio.pause();
　　　　$(this).find("i").show();
　　　}else{
　　　　audio.play();
　　　　$(this).find("i").hide();
　　}
　　　　sndplay=!sndplay;
　　});
};

最后記得在自己代碼合適位置調用music()