限制HTML5視頻循環的數量

:) 我試圖循環播放HTML5視頻3次。我發現this code片段基本上可以做我想要的。奇怪的是，我無法讓它工作。如果我在這裏運行演示在stackoverflow它的作品。如果我複製並粘貼到一個空白的HTML文件，它不會。有什麼建議？限制HTML5視頻循環的數量

謝謝！

來源

2017-03-23 Lukas Grumet

我認爲循環=「3」應該工作 –

試着複製粘貼這個。這應該工作。

<div>Iteration: <span id="iteration"></span></div> 

<video width="320" height="240" id="myVideo" controls> 
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" /> 
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" /> 
    Your browser does not support the video tag. 
</video> 

<script> 
    var iterations = 1; 

    document.getElementById('iteration').innerText = iterations; 

    myVideo.addEventListener('ended', function() {  

     if (iterations < 2) { 
      this.currentTime = 0; 
      this.play(); 
      iterations ++;   
      document.getElementById('iteration').innerText = iterations; 
     } 

    }, false); 
</script>

來源

2017-03-23 13:25:27 maximast

您是否在正文部分的末尾添加了JS腳本？腳本應該添加在正文部分的末尾（當文檔被加載時）。

來源

2017-03-23 12:38:39 szymon

沒有。在標題中。這是來源。 http://pastebin.com/75YHpiZY –

因此，整個''在正文部分結束，它應該工作：[pastebin snippet]（http://pastebin.com/TVfsyA9n）。確實是 – szymon

！謝謝！ –

限制HTML5視頻循環的數量

回答

相關問題