美文网首页
关于html5中的audio不能在ios中自动播放的解决

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

作者: shenhua8369 | 来源:发表于2016-12-19 19:08 被阅读0次

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

    这样就好了。

    相关文章

      网友评论

          本文标题:关于html5中的audio不能在ios中自动播放的解决

          本文链接:https://www.haomeiwen.com/subject/rsitvttx.html