美文网首页
解决H5 Audio音频在ios下不自动播放问题

解决H5 Audio音频在ios下不自动播放问题

作者: 柒子YOYO | 来源:发表于2019-03-12 10:26 被阅读0次

audio 设置了autoplay在安卓手机上是正常自动播放的,但是由于ios的限流政策导致在ios手机上需要用户手动点击播放,为了统一,SO:

  • 解决ios微信不自动播放
const _audio = document.getElementById('audio');
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
    _audio.play();
} else {
    if (document.addEventListener) {
        document.addEventListener("WeixinJSBridgeReady", function() {
            _audio.play();
        }, false);
    } else if (document.attachEvent) {
        document.attachEvent("WeixinJSBridgeReady", function() {
            _audio.play();
        });
        document.attachEvent("onWeixinJSBridgeReady", function() {
            _audio.play();
        });
    }
}
  • 解决ios safari浏览器不自动播放,当用户开始触碰页面时出发播放。

document.addEventListener("touchstart", function(e) {
    if (isPlay) {
        _audio.play();
        isPlay = false;
    }
}, false);

个人总结,如有错误,欢迎纠正。

相关文章

网友评论

      本文标题:解决H5 Audio音频在ios下不自动播放问题

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