H5 video标签 poster属性 封面图片平铺

参考:https://www.jianshu.com/p/05272b1303b6

<video controls="controls" x5-video-player-type="h5-page" x5-video-player-fullscreen="true" x-webkit-airplay="allow" id="my_video_a" autoplay="true" webkit-playsinline="true" playsinline="true" width="100%" height="100%" preload="auto" poster="{$images}" style="display: block; width: 100%; height: 100%; object-position: 0px 0px;" x5nativepanel="freewififorvideo_fromvideoelment">
	<source class="avideos" autoplay="true" src="{$hls}" type="application/x-mpegURL">
</video>

使封面图片宽度100%，加如下css即可：

<style>
	video{
			width:100%;
			height:100%;
			object-fit:fill;  
		}
</style>

controls="controls" 作用是显示播放控制按钮。