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
		
		
		
		

	
	
	



		

	
	
评论
	
	
	

	

		

		
发表回复 取消回复
您的邮箱地址不会被公开。 必填项已用 * 标注
评论 * 
显示名称 * 
邮箱 * 
网站 
 在此浏览器中保存我的显示名称、邮箱地址和网站地址，以便下次评论时使用。
 

Δ
	

	
这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理。



	
	
	

	
	
更多文章
	

	
	

		

			
			

				
DDN HPC 存储硬件架构设计深度分析
				
2025年10月15日
			
			
		

			
			

				
探秘IO500：从Lustre并行文件系统出发，开启HPC存储性能新征程
				
2025年10月15日
			
			
		

			
			

				
苹果iOS打包的ipa应用无法安装？一篇文章带你了解可能的原因及排查方法
				
2025年4月27日
			
			
		

			
			

				
图解Golang：从零开始实现简易版过期LRU缓存
				
2025年4月27日