小程序使用cover-view和cover-image

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

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

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

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

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

我在做微信小程序项目遇到的坑，cover-image和image都是用来显示图片的，但是我们要慎用cover-image，但我们写的页面是有d出层的，你使用这种标签写的，图片不会显示出来，但换成image就可以，所以，我们要慎用cover-image。

在小程序中image标签跟view标签上下会有空隙，我们可以在image标签中设置vertical-align:top/bottom/text-top/text-bottom，原因：图片文字等inline元素默许是跟父级元素的baseline对齐，而baseline又和父级底边有必定间距

---