2018-11-12

<！ - 音乐播放代码开始 - >

<audio id =“myMusic”preload =“preload”autoplay =“autoplay”>

<source src =“music / music.mp3”type =“audio / mp3”>

<source src =“music / music.mp3”type =“audio / ogg”>

</音频>

<div class =“音乐关闭音乐”> </ div>

<！ - 音乐播放代码结束 - >

//音乐播放代码

window.onload = function（）{

$（ '音频'）得到（0）.play（）;

$（'。music'）。addClass（'on music-off'）;

}

$（'。music'）。on（'touchstart'，function（）{

if（$（this）.hasClass（'on'））{

$（ '音频'）得到（0）.pause（）;

$（this）.removeClass（'on music-off'）;

} else {

$（this）.addClass（'on music-off'）;

$（ '音频'）得到（0）.play（）;

}

返回虚假;

}）

              //自动播放

var music = document.getElementById（'myMusic'）;

var state = 0;

document.addEventListener（'touchstart'，function（）{

if（state == 0）{

music.play（）;

state = 1;

}

}，false）;

                   document.addEventListener（“WeixinJSBridgeReady”，function（）{

music.play（）;

}，false）;

解决办法：监听播放完成事件（注意点，audio标签不能设置循环播放，去除标签loop =“loop”或者loop =“false”，不然不走播放完成事件）

//循环播放

music.onended = function（）{

music.load（）;

music.play（）;

}