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

2023-12-27 13:38:04

仅适用于微信浏览器或小程序内嵌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()
                })
            }
        },

文章来源:https://blog.csdn.net/weixin_41756610/article/details/135242228
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。