博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
新版微信h5视频自动播放
阅读量:4448 次
发布时间:2019-06-07

本文共 1173 字,大约阅读时间需要 3 分钟。

微信最近升级了新版本,直播视频不能自动播放,经过了一番探索,发现下列方法可以实现自动播放。

if (typeof WeixinJSBridge == "undefined") {        document.addEventListener("WeixinJSBridgeReady", function() {            setTimeout(function(){                player.play();//调用h5播放器自动播放的方法,我们使用的是video.js播放器。            },500);        }, false);    }

-------------------------------------------2017-01-04更新------------------------------------------------------------------ 

代码用了一段时间,发现会有一定概率不能自动播放,究其愿意是因为当事件执行的时候player对象还没有载入完毕,改进如下、

if (typeof WeixinJSBridge == "undefined") {        var i = 0;        if (document.addEventListener) {            document.addEventListener("WeixinJSBridgeReady", function func() {                if (typeof isAddPlayerOk !== 'undefined' && isAddPlayerOk === true) {                    i = null;                    player.play();                } else {                    if (i++ < 10) {                        setTimeout(func, 100);                    }                }            }, false);        }    }

以上代码,当 WeixinJSBridgeReady事件触发的时候,播放器js代码(我们用的是video.js)会给我抛出一个参数isAddPlayerOk(自己定义的)便于我判断player对象是否装载完毕,如果没有,我就会延迟100ms再次去调用,会调用十次。

转载于:https://www.cnblogs.com/cococe/p/10475779.html

你可能感兴趣的文章
C# 程序性能提升篇-1、装箱和拆箱,枚举的ToString浅析
查看>>
lfs(systemv版本)学习笔记-第3页
查看>>
Postman-简单使用(1)
查看>>
[BJOI2014] 大融合
查看>>
最简单的一个java驱动jdbc链接mysql数据库
查看>>
Laravel 加载第三方类库的方法
查看>>
Binary Tree Level Order Traversal
查看>>
wcf契约版本处理与异常处理(随记)
查看>>
hlg1201Zombie’s Treasure Chest---数学问题
查看>>
1.基础数据类型的初识 字符串 bool 整型 if else elif
查看>>
Mybatis源码分析: MapperMethod功能讲解(1)
查看>>
Error: Cannot retrieve repository metadata (repomd.xml) for repository: addons.
查看>>
jqGrid的subGrid子表格
查看>>
插件库
查看>>
桶排序
查看>>
the least common multiplier
查看>>
Metro 风格的浏览和无插件的 HTML5
查看>>
LifecycleControl.cs
查看>>
函数式思维: 利用 Either 和 Option 进行函数式错误处理 类型安全的函数式异常...
查看>>
ICEfaces 3.2.0.BETA1 发布
查看>>