本文介绍了html5 video 移动端填坑记，分享给大家，具体如下：
<video id="video"
style="object-fit:fill"
autoplay
webkit-playsinline
playsinline
x5-video-player-type="h5"
x5-video-player-fullscreen="true"
x5-video-orientation="portraint"
src="video.mp4" />
</video>
<!--
object-fit: fill 视频内容充满整个video容器
poster:"img.jpg" 视频封面
autoplay： 自动播放
auto - 当页面加载后载入整个视频
meta - 当页面加载后只载入元数据
none - 当页面加载后不载入视频 muted：当设置该属性后，它规定视频的音频输出应该被静音
webkit-playsinline playsinline: 内联播放
x5-video-player-type="h5" : 启用x5内核H5播放器
x5-video-player-fullscreen="true" 全屏设置。ture和false的设置会导致布局上的不一样
x5-video-orientation="portraint" ：声明播放器支持的方向，可选值landscape 横屏,portraint竖屏。
默认值portraint。无论是直播还是全屏H5一般都是竖屏播放，
但是这个属性需要x5-video-player-type开启H5模式
-->
自动播放
设置autoplay属性
<video autoplay></video>移动浏览器中
但是在很多移动浏览器里，都是要求用户的真实操作来（touchend、click、doubleclick 或 keydown 事件等标准的事件）触发调用video.play(),才能自动播放影音视频。
dom.addEventListener('click', function () {
video.play()
})微信中
也可以在 wx.ready()里触发video.play()
wx.ready(function () {
video.play()
})内联播放
设置属性 webkit-playsinline playsinline
<video id="video" webkit-playsinline playsinline /></video>在iOS Safari和一些安卓的一些浏览器下播放视频的时候，不能在h5页面中播放视频，系统会自动接管视频
如果需要在h5页面内播放视频，需要在视频标签上加上 webkit-playsinline，在iOS10以后，需要加上playsinline,建议同时加上这两个属性。同时还需要app支持这种模式
webview.allowsInlineMediaPlayback = YES;ios手Q和微信都支持这种模式，但是android 微信就挂了
android 微信
android微信内置浏览器采用腾讯X5内核，不遵循X5web标准，video强制全屏就是其一。视频播放完毕后还会出现QQ自己的视频推荐
