Witam! Mam pewien problem z odtwarzaczem Video.js (videojs.com). Chciałbym do odtwarzacza dodać zdarzenie onclick, które wymusza po 10 sekundach od kliknięcia w button "Play" zatrzymanie odtwarzania + pokazuje jakiś alert. Niestety jestem zielony w temacie JS i nie potrafię sam tego wykonać. Jeżeli ktoś miałby chwilę czasu by do tego zajrzeć, byłbym niezmiernie wdzięczny.
document.getElementById("example_video_1").onplay=function() {
setTimeout(function() { alert("Minely 3 sekundy!"); }, 3000);
}
Tego onclicka z taga video możesz usunąć ;)
Pozdrawiam
Rozszerzając odpowiedź kolegi @rafiozo to jeszcze lepszym wyjściem jest (lekko nakombinowane):
document.getElementById("example_video_1").addEventListener("play", (function() {
var old;
return function() {
if (old) { clearTimeout(old); }
old = setTimeout(function() { alert("Minęły 3 sekundy"); }, 3000);
};
})());
Zaktualizowałem skrypt na JSFiddle http://jsfiddle.net/prrmyLwm/4/ alert nie wyskakuje, video nie zatrzymuje się ;/
Z racji, że używasz VideoJS to powinieneś użyć: videojs("example_video_1").on("play"
w pierwszej linii.
Super, alert działa: http://jsfiddle.net/prrmyLwm/10/ A w jaki sposób mógłbym zrobić zatrzymanie odtwarzania w tym samym czasie co wyskakuje alert?
Zapoznać się z dokumentacją VideoJS https://github.com/videojs/video.js/blob/master/docs/guides/api.md
Poprzeglądaj metody tutaj: https://github.com/videojs/video.js/blob/master/docs/api/vjs.Player.md
Rozwiązanie problemu - gotowiec: http://jsfiddle.net/prrmyLwm/13/
Dzięki wielkie, wszystko działa jak powinno. ;)