小程序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)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章