部分andorid裝置的video標籤loop屬性不迴圈播放問題
阿新 • • 發佈:2019-01-07
因為需要在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載入視訊來迴圈播放,可以避免直接播放視訊時切換過程中短暫的黑屏情況。。。