video设置封面全屏自适应

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

效果如下图:

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

根据以上需求和限制大致的思路如下：

调整好css后发现， button 并不能挡住 video 组件正中间的播放按钮，对比同类的实现产品，应该是增加了一层遮罩，显示视频预览图，点击播放后轮拦消失，于是增加一层 cover-image

通过定位将遮罩的图片铺满video组件，但是产生了以下几个bug：

在网上大致一搜没有很好的解决中拦方法， cover-view 这个组件看来只能够用于一些简单实用的场景，在当前卖桐胡的需求下实现难度很大

通过不断对比同类的产品，我发现了一个实现思路：

---