html5视频播放兼容性很头疼的问题

80 阅读 0 评论 53 点赞

我是靠谱客的博主殷勤世界，最近开发中收集的这篇文章主要介绍html5视频播放兼容性很头疼的问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

html5视频播放兼容性很头疼的问题，下面这个有一定的参考意义

<video
id="vv19"
src="video/test.mp4"
poster="images/1.jpg" /*视频封面*/
preload="auto"
webkit-playsinline="true" /*这个属性是ios 10中设置可以
让视频在小窗内播放，也就是不是全屏播放*/
playsinline="true" /*IOS微信浏览器支持小窗内播放*/
x-webkit-airplay="allow"
x5-video-player-type="h5" /*启用H5播放器,是wechat安卓版特性*/
x5-video-player-fullscreen="true" /*全屏设置，
设置为 true 是防止横屏*/>
x5-video-orientation="portraint" /*播放器支付的方向，
landscape横屏，portraint竖屏，默认值为竖屏*/
style="object-fit:fill">
</video>