移动端 微信端 视频处理 要点

自动播放

移动端必须要先点一下才能播放视频和音频
在微信里,我们使用WeixinJSBridgeReady事件就可以播放

更安全的方法是,点击一下后暂停,类似

document.getElementById("play").play(); 
document.getElementById("play").pause();

微信广告

安卓微信播放到最后有广告,可以用定时器提前0.5s暂停播放

去除控制条

IOS上只要不写controls就不会出现控制条
安卓上微信里,只能使用x5-video-player-type="h5"达到不显示控制条的目的
x5-video-player-type="h5" 是腾讯x5内核提供的一种很怪异的模式,视频会变得全屏,但是视频没有处于最上层,你可以选择在视频上放一些dom元素

注意:当使用腾讯x5的这个怪异的x5-video-player-type="h5"属性时,似乎当前的整个页面都会被全屏放大,有时会变得很奇怪,即使你把视频pause了,页面还是“怪异全屏”状态,只有当手动将video或者他的父容器display:none后,页面才会恢复正常

inline播放视频

IOS上只要写playsinline属性即可实现“内联”播放,也可以写成playsinline="",请勿写作playsinline="playsinline"这是无效的
安卓上还是只能使用x5-video-player-type="h5"这个h5播放的怪异模式

相关文章

此处评论已关闭