iosH5音视频无法自动播放问题

最新推荐文章于 2024-07-03 16:50:19 发布

原创最新推荐文章于 2024-07-03 16:50:19 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#音视频 #javascript #开发语言

js 专栏收录该内容

23 篇文章

订阅专栏

针对iOS系统中微信内置浏览器无法自动播放音视频的问题，本文提出了两种解决方案：一是通过监听`touchstart`或`click`事件后执行播放；二是探讨了使用微信JSBridge配置后可能启用`play()`功能的方案。提供了适配微信内置浏览器的代码实现。

原因：ios需要操作界面后才能播放音视频
解决办法：touchstart或click事件后执行播放

function playMedia() {
    let audio = document.querySelector('#audio');
    try {
        if (audio.paused) {
            audio.play();
        }
    } catch (ex) {

    }
    document.removeEventListener("WeixinJSBridgeReady", playMedia);
    document.removeEventListener("touchstart", playMedia);
}
document.addEventListener("WeixinJSBridgeReady", playMedia, false);
document.addEventListener("touchstart", playMedia, false);

微信内置浏览器有个更好的方案：
微信内置浏览器方案
听说使用wx.config后可以play() ???