最近在做视频直播系统,发现在微信浏览器上播放视频会直接弹出至顶层全屏方式播放,但只有在安卓才有这个问题,内核会劫持video标签,然后调用播放器进行全屏播放,播放完后还会弹出一些其他视频广告。当然因为微信浏览器在安卓上使用的QQ浏览器X5内核。IOS则是使用的苹果自己的内核safari,自然不会出现乱七八糟的问题,我有一句****不知*****
当然也可以使用X5内核调试页关闭X5内核可以解决问题:http://debugtbs.qq.com/,但也只针对你自己设备有效。
遇到这个问题第一时间肯定是百度,结果不搜不知道,一搜吓一跳。满屏的解决方案,这下高兴坏了,看来并不是我一个人出现这个问题。可是。。。事情并不是那么简单,网上的方法基本上都是无效的、无效的、无效的。
经过大海捞针般的搜索,终于找到了解决办法。
在之前,X5内核处理这种问题,需要使用白名单机制来处理,也就是在QQ浏览器那里申请白名单,但是太麻烦,并且关闭了这种渠道。
所以现在官方开放了这个功能,让我们自行来控制,那就是给video标签添加几个属性。说实话,在这之前,我试过,在安卓下并不怎么好使,但是,现在可以用了
<video src="" controls="" x5-playsinline="" playsinline="" webkit-playsinline="" poster="" x-webkit-airplay="allow" preload="auto"></video>
记住,千万别加网上所说的那个 x5-video-player-type="h5"
它会坑死你的
这里放出测试地址,可以自行测试是否成功!