HTML Audio / Video DOM sucht Ereignis

Beispiele

Pop-up-Textnachricht, wenn der Benutzer beginnt sich zu bewegen / Sprung zu einem neuen Video-Wiedergabe-Position:

var vid = document.getElementById ( "MyVideo");
vid.onseeking = function () {
alert ( "Suchoperation begann!");
};

Ende dieses Artikels enthält weitere Beispiele.

Definition und Verwendung

Bei der Suche nach einem Ereignis in den Benutzer auszulösen beginnt mit dem neuen Audio / Video (Audio / Video) Wiedergabeposition / Sprung zu bewegen.

Tipp: Statt Veranstaltung suchen Veranstaltung seeked Ereignis.

Tipp: Verwenden Sie das Audio / Video - Objekt current Eigenschaft Abspielposition Ruft.

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser, um diese Version der Ereignisse zu unterstützen.

Ereignis
suche	ja	9.0	ja	ja	ja

Grammatik

In HTML:

<Audio | Video onseeking = "myScript "> versuchen

In JavaScript:

Audio | Video .onseeking = function () {} myScript; versuchen

JavaScript, verwenden Sie die Methode addEventListener ():

Audio | Video .addEventListener ( "Suche nach" , myScript); versuchen

Hinweis: Internet Explorer 8 und frühere Versionen von IE nicht unterstützen addEventListener () Methode.

Technische Details

Unterstützte HTML-Tags:	<Audio> und <video>
Unterstützte JavaScript Objekte:	Audio, Video

Weitere Beispiele

Beispiele

Dieses Beispiel zeigt den Unterschied zwischen Suchen und seeked Ereignis Ereignis:

Versuchen »

Beispiele

Wenn der Benutzer auf eine neue Position zu bewegen beginnt, verwenden Sie das Video-Objekt Eigenschaft current zeigt die aktuelle Position der Wiedergabe:

// Get id = "MyVideo", um das <video> -Element
var vid = document.getElementById ( "MyVideo");

// Für die <video> sucht ein Ereignis hinzufügen möchten, wenn Sie eine Funktion Ausführung beginnen Adressierung beginnt
vid.addEventListener ( "Suche nach", myFunction);

Funktion myFunction () {
// Anzeige id = "Demo" des p-Element <video> Spielerpositionen
( "Demo") document.getElementById innerHTML- = vid.currentTime.
}

Versuchen »