玩無限循環載視頻的HTML5

我期待放置在HTML5頁面將開始玩網頁加載視頻，並且一旦完成，循環回到開始不絕。視頻還不應該有與之相關的任何控制，以及或者是兼容所有「現代」的瀏覽器，或有填充工具的選項。玩無限循環載視頻的HTML5

此前我會通過Flash和FLVPlayback完成此操作，但我寧願在HTML5球體中避開Flash。我想我可以使用javascript的setTimeout來創建一個平滑的循環，但我應該用什麼來嵌入視頻本身？有沒有什麼東西可以流式傳輸視頻FLVPlayback？

來源

2012-04-30 stefmikhail

111

的環屬性應該這樣做：

<video width="320" height="240" autoplay loop> 
    <source src="movie.mp4" type="video/mp4" /> 
    <source src="movie.ogg" type="video/ogg" /> 
    Your browser does not support the video tag. 
</video>

你應該有loop屬性的問題（因爲我們在過去），聽videoEnd事件，當它調用play()方法火災。

注1：我不知道有關蘋果的iPad/iPhone的行爲，因爲他們有對autoplay一些限制。

注2：loop="true"和autoplay="autoplay"已過時

來源

2012-05-02 13:55:36 longilong

謝謝。我會試一試。 – stefmikhail

確實很好的建議先生。我最終使用'javascript'來監聽'videoEnd'事件，並從我所知道的循環回到開頭，所有瀏覽器都不支持'loop'屬性。對於iOS設備，它們不支持iOS 5的任何形式或形式的「自動播放」，因此我只使用了適用於移動設備的後備圖像。再次感謝。 – stefmikhail

使用<視頻環路=「真」>是無效** ** http://www.w3.org/TR/html-markup/video.html - 無論是使用<視頻環路=「循環」>或只是

爲此，您可以通過以下兩種方式：

1）利用視頻元素loop屬性（在第一次答覆中提到）：

2）並且您可以使用ended媒體活動：

window.addEventListener('load', function(){ 
    var newVideo = document.getElementById('videoElementId'); 
    newVideo.addEventListener('ended', function() { 
     this.currentTime = 0; 
     this.play(); 
    }, false); 

    newVideo.play(); 

});

來源

2017-10-24 17:39:52 asmmahmud

玩無限循環載視頻的HTML5

回答

相關問題