自定义微信小程序视频组件播放按钮

小程序的视频组件没有隐藏播放按钮的属性，但是看了爱奇艺的小程序，发现他们可以自定义播放按钮，这就比较奇怪了，官方不提供，还能实现，一定有办法，于是想了很久，突然想到，可以在video组件里面嵌套两个cover-image，一个用来存放播放按钮，另外一个用来存放视频封面图，写好之后，又发现了新问题，网络比较慢的时候，封面图加载不及时，还是可以看得到原生的播放按钮。于是仔细研究了爱奇艺的小程序，原来在加载封面图之前，用白色的底色先遮住原生的视频组件了，恍然大悟，在包住封面图的cover-view里设置了背景色跟页面的一样，解决问题。

总体实现的思路如下：在video中写一个cover-view，cover-view的宽高跟video的宽度一致，然后设置cover-view的背景色不透明，然后在cover-view写一个cover-image，用来存放封面图，宽高跟video一致，最后添加cover-iamge，存放播放按钮，设置绝对定位，水平垂直居中，在播放按钮上添加点击事件，点击之后隐藏cover-view，不然点击video的时候，原生的播放控件会看不到，最后在监听视频结束事件，重新填充封面跟播放按钮就可以了。