TcPlayer在微信内自动播放video

ZHWenDong

于 2020-10-24 13:49:30 发布

阅读量1.8k

点赞数

分类专栏： js 文章标签： 1024程序员节

本文链接：https://blog.youkuaiyun.com/ZHWenDong/article/details/109258469

版权

js 专栏收录该内容

23 篇文章

订阅专栏

这段代码展示了如何在iOS的微信环境中利用WeixinJSBridge调用'getNetworkType'接口获取网络状态，并在成功后自动播放video元素。通过查询选择器找到video元素并调用play方法，实现了视频的自动播放功能。此方法适用于基于video.js的vue-player插件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信ios自动播放


let _this = this;
this.$nextTick(function () {
    let videoDom = document.querySelector("video")
    let video= _this.$refs.videoPlayer;
    if(typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function"){
        WeixinJSBridge.invoke('getNetworkType', {}, function (res) {
            //video.player.play();//这里使用的是基于video.js的vue-player插件
            videoDom.play();
        });
    }
})