微信浏览器打开视频不能自动播放

<div style="width: 100%;height:100vh;overflow:hidden;display: flex;
    align-items: center;
    justify-content: center;">
    <video id="videoPlay" style="width:100%;height:100%;background-color: #000;" src="<?php echo $classify['classify_video']; ?>" loop muted autoplay playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" x5-video-orientation="portraint" x5-video-player-fullscreen="true"></video>
</div>


<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    // alert(1);

    var video = document.getElementById('videoPlay');

    if (typeof WeixinJSBrdgeReady == "object" && typeof WeixinJSBridge.invoke == "function") {
        voice.play()
    } else {
        if (document.addEventListener) {
            document.addEventListener("WeixinJSBridgeReady", function() {
                video.play();
            }, false);
        } else if (document.attachEvent) {
            document.attachEvent("WeixinJSBridgeReady", function() {
                video.play();
            });
            document.attachEvent("onWeixinJSBridgeReady", function() {
                video.play();
            });
        }
    }

    document.addEventListener('touchstart', function() {
        document.getElementById('videoPlay').play()
    })
    $('body').click(function() { 
        document.getElementById('videoPlay').play()
    });
</script>

免责申明:

1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

学习交流联系

立即查看 了解详情