video标签参数

参数形容
x5-video-player-typeh5-page在x5内核浏览器中(安卓的qq、微信),视频不脱离文档流
webkit-playsinlinetrueios 10中设置能够让视频在小窗内播放
playsinlinetrue视频在小窗内播放
preloadautononemetaauto时,主动进行预加载,none时,不进行预加载,meta时,只载入元数据
autoplayautoplay则视频在就绪后马上播放。
looploop循环播放

事件

事件形容
play播放视频
pause暂停视频

play事件

管制视频播放,返回一个promise对象,可用于判断视频是否能播放

let video=this.$refs.video[0]video.load()video.play().then(res=>{    视频播放胜利回调}).catch(function(err) {    视频播放失败回调    Toast('该视频暂不反对播放');});

非凡场景

1. ios零碎的微信中,非click状况下,video.play()生效

场景: 须要页面滑动到指定地位时播放视频,但视频播放失败
起因: 可能微信做了某些解决,必须click事件内,video.play()才有成果
解决办法:暂无

2. 低版本的安卓(安卓7)中,多个video标签

场景: 低版本的安卓零碎中,点击多个视频播放后会导致一些视频首帧置灰展现
起因: 可能是内存问题
解决办法: 只应用一个video标签,每次要播放时再加载视频