Begrenzen Sie die Anzahl der HTML5-Video-Loops

Question

:) Ich versuche, ein HTML5-Video nur für 3-mal zu loopen. Ich habe gefunden this code Schnipsel, die im Grunde tun würde, was ich will. Das Merkwürdige ist, ich kann es nicht zur Arbeit bringen. Wenn ich die Demo hier auf Stackoverflow starte, funktioniert es. Wenn ich es kopiere und in ein leeres HTML-Dokument einfüge, tut es das nicht. Irgendein Rat?

danke!

Answer 1

Versuchen Sie, kopieren + einfügen. Das sollte funktionieren.

<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> 

Answer 2

Fügen Sie JS-Skript am Ende des Body-Abschnitts hinzu? Skript sollte am Ende des Textabschnitts hinzugefügt werden (wenn das Dokument geladen wurde).