首先,吐槽一下。我们主要总的是在微信里做一些海报和小游戏。先前的时候,ios的微信里自动播放声音是可以的。然后,突然,莫名其妙的微信里面的html5不能自动播放音乐了。
这里有两种解决办法。第一,就是需要用户手动触发。这个是通用方法。
另外还有一种,是我刚刚从网上搜索了半天找到的解决办法。这个只能对微信有效。
先添加个audio标签。<audio id ="bgm" loop="true" src="xxxx/xxx/bgm.mp3"><audio>
后面在js里添加。
function audioAutoPlay(id){
var audio = document.getElementById(id);
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {
audio.play();
}, false);
}
audioAutoPlay('bgm');
这样就好了。