Neueste Web-Entwicklung Tutorials
 

HTML Audio / Video DOM seeked Ereignis

<HTML Audio / Video DOM Referenz

Beispiel

Wenn der Benutzer fertig bewegt / in eine neue Position im Video-Skipping, warnen einige Text:

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

Mehr "Versuchen Sie es selbst" Beispiele unten.


Definition und Verwendung

Die seeked Ereignis tritt auf, wenn der Benutzer fertig bewegt / Überspringen zu einer neuen Position in dem Audio / Video.

Tipp: Die seeked Veranstaltung ist das Gegenteil von dem suchenden 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
seeked ja 9.0 ja ja ja

Syntax

In HTML:

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

In JavaScript:

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

In JavaScript mit der addEventListener() Methode:

audio|video .addEventListener("seeked", 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 wird, wenn der Benutzer fertig bewegt / in eine neue Position Überspringen:

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

// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", 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 fertig bewegt / in eine neue Position im Audio-Skipping, warnen einige Text:

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

<HTML Audio / Video DOM Referenz