小程序video组件神坑

1、微信小程序之video组件中controls show-play-btn show-fullscreen-btn show-center-play-btn show-progress等属性你设置false怎么也无法隐藏，后面还是看到官方解决卡顿时说 设置属性：custom-cache="{{false}}"，看到没有false竟然有大括号，于是把controls 的属性设置成controls='{{false}}'竟然真的隐藏了。。。

官方API文档竟然 没有说明。。。。。

2、ios可以播放而安卓不能播放

如果你的服务器是Apache2.4，如果出现ios可以播放而安卓不能播放，究其根本原因：就是apache没有配置mp4视频不要进行gzip压缩。在apache的配置文件中加一行：

SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png|zip|mp4)$ no-gzip dont-vary

再重启apache就好了。

3需要尽可能的减少页面上的节点（video），否则元素一多起来，小程序就会崩掉了

4我在video 中放了个cover-view，cover-image中放了张图片，覆盖video未播放时的poster背景图，video的宽度是300px * 225px 的， img的是 200* 113px的，设置img属性也为width:300px，height:225px，模拟器上没问题，真机上img一直是200 * 113，不能拉伸。而且原生的播放和时间都被覆盖了

<video id="myVideo" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400“ poster="../../images/nike.jpg" custom-cache="{{false}}" controls>

    <cover-view class="controls" style="display:{{tab_image}}" bindtap="play">

        <cover-image class="img" src="../../images/nike.jpg" class="cover" />

    </cover-view>

</video>

我的解决办法是将事件绑定在cover-view上

5异步获取initial-time不生效，可以试试videocontext.seek(numer)