video 标签参数

参数		值		形容
x5-video-player-type		h5-page		在 x5 内核浏览器中（安卓的 qq、微信），视频不脱离文档流
webkit-playsinline		true		ios 10 中设置能够让视频在小窗内播放
playsinline		true		视频在小窗内播放
preload		autononemeta		auto 时，主动进行预加载，none 时，不进行预加载，meta 时，只载入元数据
autoplay		autoplay		则视频在就绪后马上播放。
loop		loop		循环播放

事件

事件		形容
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 标签，每次要播放时再加载视频
  
正文完
 
 
 html5
 
 
 发表至： html5 
 
  2020-07-08 
 
 
  
 
 
 
  0
 
 
 
 
 
 
 
 
   
 
   
 
关于html5:H5直播技术起航
 
    
 
关于html5:GO语言环境搭建-及-helloworld开发
 
    
 
关于html5:ThingMap一键城市20重新出发快速生成三维城市
 
    
 
关于html5:Shopify开店建站营销推⼴卖家平台后台中⽂指南-–-Pages⻚⾯管理
 
  
 
 
 
 
 
Nodejs-Path模块学习
上一篇 
 
 
Spring-层次性依赖查找Bean
下一篇 
 
  
 
 
Just My Socks（注册教程 内含优惠码）