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

Question

代码如下：
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();视频播放不了，其他版本可以播放

Answer 1

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

Answer 2

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

Answer 3

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