移动端 微信端 视频处理 要点
自动播放
移动端必须要先点一下才能播放视频和音频
在微信里,我们使用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播放的怪异模式
最后更新于 2017-10-07 14:38:43 并被添加「要点 移动端 微信端 视频处理」标签,已有 751 位童鞋阅读过。
此处评论已关闭