2 Stimmen

Führen Sie Funktionen aus, während HTML5-Video abgespielt wird

Ich versuche, eine Grundfunktion auszuführen, wenn ein HTML5-Video einen bestimmten Sekundenwert erreicht. Bisher hatte ich kein Glück und hoffte, dass ich hier Hilfe bekommen könnte. Hier ist der Code, den ich bisher benutze:

jQuery(function(){
    jQuery("video").bind("timeupdate", function() {
        if(this.currentTime == "6") { alert("Sechs Sekunden erreicht"); }
        // habe auch die obige Zeile mit der 6 ohne Anführungszeichen ausprobiert
    });
});

Ich möchte nur einen wirklich einfachen Inhaltsaustausch um das Video herum machen, aber bisher hatte ich wenig Glück. Vielen Dank im Voraus für jede Hilfe!

1voto

Delan Azabani Punkte 76072

Dieses Vanilla JavaScript funktioniert für mich einwandfrei:

video.addEventListener('timeupdate', function(e) {
    if (e.target.currentTime == 6) ...
}, false);

1voto

Anurag Punkte 136648

currentTime ist ein Gleitkommawert, kein Ganzzahl. Entfernen Sie den Dezimalteil für den Vergleich.

var currentTime = parseInt(this.currentTime, 10);
if(currentTime == 6) { 
    ..
}

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X