关于html5中的audio不能在ios中自动播放的解决

首先,吐槽一下。我们主要总的是在微信里做一些海报和小游戏。先前的时候,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');

这样就好了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容