现在大多数H5页面都有播放背景音乐和视频的功能。那怎么实现自动播放呢？

纯H5页面不能在手机中自动播放，大多数手机浏览器禁用视频和音频的自动播放功能。很多移动浏览器也不支持js次调用play方法(只有用户可以手动播放后暂停，然后用代码播放)。

这主要是为了防止不必要的自动播放浪费流量。

以下代码是实现用户次触摸后的回放，在微信app下自动播放

XML/HTML代码将内容复制到剪贴板

functionautoPlayMusic(){

/*自动播放音乐解决浏览器或APP自动播放的问题*/

functionmusinbrowserhandler(){

music play(true)；

document . body . removeeventlistener(' touch start '，MusicInbrowserHandler)；

}

document . body . addevent listener(' touch start '，MusicInbrowserHandler)；

/*自动播放音乐解决微信自动播放问题*/

function MusicInweixinhandler(){

music play(true)；

document . addeventlistener(' weixinsbridgeready '，function(){

music play(true)；

}，false)；

document . removeeventlistener(' DomContentLoaded '，MusicInWeiSinhandler)；

}

document . addeventlistener(' DOmContentLoaded '，MusicInWeiSinhandler)；

}

功能音乐播放(iPlay){

varmedia=document . GetElementbyID(' MyMusic ')；

if(ISplayMeDIa . suspended){

media . play()；

}

if(！isPlay！media .暂停){

media . pause()；

}

}