2017-06-28 2 views
0

Wie kann popcorn.js so konfiguriert werden, dass jedes Mal Ereignisse ausgegeben werden, wenn das Video aktualisiert wird? Sollte ich nur das timeupdate Event des Video Elements benutzen?Periodisches Ereignis in popcorn.js

Derzeit konnte ich nur Setup-Ereignis zu einem bestimmten Startzeit:

var p = Popcorn("#video") 
     // play the video 
     .play() 
     // set the volume to zero 
     .volume(0) 
     .code({ 
     start: 1, 
     end: 3, 
     onStart: function(options) {   
      document.getElementById("test1").innerHTML = "Yes"; 
     }, 
     onEnd: function(options) { 
      document.getElementById("test1").innerHTML = "No"; 
     } 
    }) 
+1

Der erste Schritt erfassen ist immer Schau dir die Dokumentation an: http://mozilla.github.io/popcorn-docs/events/ Auch mit hervorragenden Beispielen. Ist http://jsfiddle.net/popcornjs/BcaGB/ was Sie suchen? – ippi

+1

Ja, aber es scheint, dass popcorn.js nicht verwendet wird. Die Geige benutzte das Zeitupdate des Videoelements. –

+0

Oh, das bist du. – ippi

Antwort

1

Vom official Docs es sagt, Sie Ereignis jedes Mal der Spieler Zeit aktualisiert

var pop = Popcorn("#video"); 

pop.on("timeupdate", function(e) { 
    console.log("timeupdate fired!"); 
}); 

pop.play(); 
+0

Großartig! Schnelle Frage: Wenn ich auf Anhören ersetze, funktioniert es auch. Was ist der Unterschied zwischen ihnen (.on und .listen)? –

+0

Sie haben die Methode '.listen' veraltet. Überprüfen Sie den offiziellen GitHub-Code https://github.com/mozilla/popcorn-js/blob/master/popcorn.js#L2663. Daher wird empfohlen, '.on' zu verwenden –