1. 程式人生 > >部分andorid裝置的video標籤loop屬性不迴圈播放問題

部分andorid裝置的video標籤loop屬性不迴圈播放問題

因為需要在APP載入HTML頁面,用CrossWalk替換了原生的WebVIew,發現在一臺測試機上即使設定Loop屬性。視訊(andorid4.2.2裝置)不會迴圈播放,

最後不再使用loop屬性用js來處理迴圈播放,HTML5懂得也不多,,直接上程式碼了

<video autoplay="autoplay" id = "video" playsinline webkit-playsinline>
   <source type="video/mp4" src="path" />
   <preference name="AllowInlineMediaPlayback" 
value="true" /> </video> <script> var video = document.getElementById("video"); video.loop = false; video.addEventListener('ended', function() { video.currentTime=0.1; video.play(); }, false); video.play(); </script> </body>

webView載入HTML可能出現包括autopaly loop等屬性都不能用的情況,可以考慮用更強大的CrossWalk代替,不過會增加包的大小

同是用html5載入視訊來迴圈播放,可以避免直接播放視訊時切換過程中短暫的黑屏情況。。。