HTML5視頻不會在Android設備上循環

Question

經過幾個小時的嘗試，我想問如何在Android設備上使用HTML5視頻標籤來循環播放視頻。

爲了成爲某種獨立於瀏覽器的瀏覽器，我包含了video.js來播放視頻。一切工作正常的Firefox和Chrome，但在我的Android設備（Android 4.0.4 SSG3）視頻不會啓動或循環。

<video id="model_video" autoplay loop preload="auto" data-setup="{}" width="90%" height="90%" poster="images/black.jpg"> 

沒有啓動視頻。但是這很容易通過在JS中調用video.start（）來解決。但循環不起作用。即使循環屬性似乎被支持，它也會導致問題。使用屬性loop = false或者甚至使用缺少的循環屬性時，它仍然設置爲true。

有幾個網站指出需要添加一個eventlistener。但不幸的是，它沒有奏效。

Answer 1

解決方法是使用JS將循環屬性設置爲false。即使將loop = false作爲視頻標記的屬性或缺少循環屬性，video.loop也會返回true。所以爲了完成循環，下面的代碼片段做到了這一點：

var video = document.getElementById("model_video"); 
    //this did the trick 
    video.loop = false; 
    video.addEventListener('ended', function() { 
     video.currentTime=0.1; video.play(); }, false); 
    video.play(); 

乾杯！