Neueste Web-Entwicklung Tutorials
 

HTML Audio / Video DOM sucht Ereignis

<HTML Audio / Video DOM Referenz

Beispiel

Wenn der Benutzer beginnt sich zu bewegen / Überspringen an eine neue Position in dem Video, alarmieren Sie Text:

var vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("Seek operation began!");
};
Versuch es selber "

Mehr "Versuchen Sie es selbst" Beispiele unten.


Definition und Verwendung

Die Suche nach Ereignis tritt auf, wenn der Benutzer beginnt sich zu bewegen / in der Audio / Video in eine neue Position zu überspringen.

Tipp: Die Suche nach Ereignis ist das Gegenteil von dem seeked Ereignis.

Tipp: Verwenden Sie die currentTime Eigenschaft des Audio / Video - Objekt die aktuelle Abspielposition zu erhalten.


Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Ereignis vollständig unterstützt.

Event
seeking ja 9.0 ja ja ja

Syntax

In HTML:

< audio|video onseeking="myScript"> Try it

In JavaScript:

audio|video .onseeking=function(){myScript}; Try it

In JavaScript mit der addEventListener() Methode:

audio|video .addEventListener("seeking", myScript ); Try it

Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und frühere Versionen.


Technische Details

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

Mehr Beispiele

Beispiel

Dieses Beispiel zeigt den Unterschied zwischen dem Ereignis und seeking seeked event:

<video onseeking="myFunction()" onseeked="mySecondFunction()">
Versuch es selber "

Beispiel

die Eigenschaft current des Video-Objekts unter Verwendung der aktuellen Spielzeit Position angezeigt werden, wenn der Benutzer in eine neue Position zu überspringen beginnt:

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", myFunction);

function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}
Versuch es selber "

Beispiel

Wenn der Benutzer beginnt sich zu bewegen / Überspringen an eine neue Position in der Audio, warnen einige Text:

var aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("Seek operation began!");
};
Versuch es selber "

<HTML Audio / Video DOM Referenz