Fangen HTML5-video Abspielen/stop event

Wie kann ich Zuhören, um die Ereignisse, play/stop/pause von ein HTML5-video?
Ich habe versucht mit folgenden code:

$("video").on('play',function(){
    //my code here
});

aber es funktioniert nicht.

Alternativ wäre ich auch in Ordnung abzufangen, die auf das stoppen und starten des Videos (in der Tat würde ich bevorzugen), aber auch dieser code nicht funktioniert:

$('video').on('click', function(event) {
    //my code here
});

Ich denke da oft über das video-element platziert wird, ein div mit der dazugehörigen Ereignissen start und stop, aber ich weiß nicht, wie zu wählen Sie über jquery oder javascript:

P. S. sollte Dieser code funktionieren auf Seiten, die aus dynamisch /nicht erzeugt durch mich, so kann ich nicht beziehen sich die Elemente durch Angabe seiner ID oder eine Klasse.

UPDATE

Ich nicht erkennen, dass die Seite, auf der ich getestet hatte ein video in einem iframe.
Die syntax ist am besten geeignet für meine Bedürfnisse:

doc.querySelector("video").addEventListener('play', function(e) {
    //my code here
}, true);

InformationsquelleAutor jenjis | 2013-01-10

  1. 1

    Ihrem ersten Versuch funktionieren sollte. Aber Sie müssen sicherstellen, dass jQuery ist tatsächlich zu finden, video-Elemente. Sie sagen, dass die Seite dynamisch generiert wird, so ist es vielleicht möglich, dass Ihr code ausgeführt wird vor die video-Elemente ergänzt werden. Dies wäre auch dann der Fall, wenn Ihr Skript ist weiter oben in dem Dokument als der video-Elemente (z.B. in der <head>).

    Versuchen Sie den folgenden code direkt vor den code, den Sie dort haben, und überprüfen Sie die Ausgabe:

    console.log($("video"));

    Wenn die Ausgabe ist ein leeres array, dann sind Sie nicht zu finden, alle video-Elemente. Versuchen Sie, Ihr Skript am Ende der Seite oder in einem DOMContentLoaded Veranstaltung. Oder, wenn ein anderes Skript erzeugt die video-Elemente, stellen Sie sicher, dass Ihr Skript ausgeführt wird, nach, dass ein.

    Ein paar andere Hinweise auf Ihre Frage:

    Gibt es keine stop Veranstaltung. Hier ist ein Liste von Medien-events.

    Ich glaube nicht, dass die click Ereignis ist, was Sie wollen. Das Feuer, egal wo auf dem video klickt der Benutzer: play-Taste, Lautstärkeregelung, etc..

    Das video wird in einem div sollte keine Wirkung auf diese Ereignisse. Ich bin mir nicht sicher, warum Sie müssten start und end Veranstaltungen auf einen div, also vielleicht bin ich nicht folgenden.

    InformationsquelleAutor brianchirls

  2. 3

    Siehe hier:

    https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events

    So... :

    $("video")[0].onplay = function () {
    //Do play stuff here
};

    Hoffe, das hilft!

    InformationsquelleAutor phonicx

  3. 0

    Geben diesem einen Versuch!

    //Direct
<video id="videoThis" src="blahhh.mp4" onended="yourFunction()"></videoThis>

 -or-

//JavaScript (HTML5)
document.querySelector("#videoThis").addEventListener("ended",yourFunction,false);

 -or-

//jQuery
$("#videoThis").bind("ended",yourFunction);
    Verwenden Sie bitte nicht auf* Attribute 🙁
    können Sie dazu sagen/link geben, warum nicht?
    Trennung von Logik; Sie sollte nie mischen Sie Ihre HTML und JavaScript. "Diese Attribute sollten vermieden werden": developer.mozilla.org/en-US/docs/Web/Guide/HTML/...

    InformationsquelleAutor SammyB

Schreibe einen Kommentar