H5按钮点击,video在ios(12版本)video.play();视频播放不了,其他版本可以播放

发布于 2022-09-11 15:48:18 字数 640 浏览 18 评论 0

代码如下:
html:
<video id="video" width="1" height="1" loop="loop" controls="controls" src="http://v.zbjsaas.com/81fc8c21...;></video>

//点击播放视频



var video = document.getElementById("video");
    $('#play-video-btn').click(function () {
        if (isIOS) {
            $("#video").show();
            video.play();
        }
    }
    
    

video.play();
H5按钮点击,video在ios(12版本)video.play();视频播放不了,其他版本可以播放

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

瑾夏年华 2022-09-18 15:48:31

微信里的video最好都启动同层播放器,我H5做这么久,还没遇到点击不能play()的,你试试开启同层播放吧
https://x5.tencent.com/tbs/gu...

飘过的浮云 2022-09-18 15:48:31

如果是在 IOS 的 App 中,则建议尝试将 IOS 的 webview 中的 mediaPlaybackRequiresUserAction 属性设置为 false.
具体原因,可参考:
https://stackoverflow.com/que...
https://developer.apple.com/d...

凌乱心跳 2022-09-18 15:48:30

如果是微信内部浏览器的话可以通过微信提供的api播放,而高版本的ios上是不能主动播放视频的,需要用户手动触发

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文