微信浏览器内视频自动播放

最新推荐文章于 2024-04-17 17:44:17 发布

云创吴彦祖

最新推荐文章于 2024-04-17 17:44:17 发布

阅读量706

点赞数 8

文章标签： javascript 微信小程序

本文链接：https://blog.csdn.net/weixin_41756610/article/details/135242228

版权

仅适用于微信浏览器或小程序内嵌webview页面

html中video标签中的属性很重要

<video class="car-bg" id="myVideo" autoplay loop muted playsinline>
        <source src="your source url" type="video/mp4">
    </video>

initChatBg () {
            let that = this
            if (window.WeixinJSBridge) {
                doPlay()
            } else {
                document.addEventListener("WeixinJSBridgeReady", function () {
                    doPlay()
                }, false);
            }

            function doPlay() {
                //@ts-ignore
                WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
                    //此处不能用异步方法调用会失效
                    //@ts-ignore
                    that.played=true
                    document.getElementById('myVideo').play()
                })
            }
        },