video设置封面全屏自适应

video使用poster设置封面图，但是图片比例不合适的，容易出现空白，影响页面的美观。

下面小程序和h5两个方面解决以上问题：（亲测有效）

• 微信小程序使用 objectFit="cover"

<video style="height:420rpx;width:100%;" objectFit="cover" controls="{{true}}" src="{{infoData.video_url}}" poster="{{infoData.img}}"></video>

• h5使用 style="object-fit:cover;"

<video :src="detailData.video_url" style="object-fit:cover;" :poster="detailData.img" controls="controls" width="100%"></video>

效果如下图:

这样封面图片就铺满整个video标签了，图片也不会变形，更多object-fit相关属性这里不多介绍，想要了解的可以自行学习。