HTML- Audio /Video-DOM -Suchereignis

❮ HTML-Audio/Video-DOM-Referenz

Beispiel

Wenn der Benutzer anfängt, sich zu einer neuen Position im Video zu bewegen/zu springen, warnen Sie einen Text:

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

Weitere „Probieren Sie es selbst“-Beispiele weiter unten.


Definition und Verwendung

Das Suchereignis tritt auf, wenn der Benutzer beginnt, sich zu einer neuen Position im Audio/Video zu bewegen/zu springen.

Tipp: Das Suchereignis ist das Gegenteil des Suchereignisses .

Tipp: Verwenden Sie die Eigenschaft currentTime des Audio/Video-Objekts, um die aktuelle Wiedergabeposition abzurufen.


Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Ereignis vollständig unterstützt.

Event
seeking Yes 9.0 Yes Yes Yes

Syntax

Im HTML-Format:

<audio|video onseeking="myScript">

In JavaScript:

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

Verwenden Sie in JavaScript die Methode addEventListener():

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

Technische Details

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

Mehr Beispiele

Beispiel

Dieses Beispiel zeigt den Unterschied zwischen dem Suchereignis und dem Suchereignis:

<video onseeking="myFunction()" onseeked="mySecondFunction()">

Beispiel

Verwenden der Eigenschaft currentTime des Video-Objekts, um die aktuelle Wiedergabeposition anzuzeigen, wenn der Benutzer beginnt, zu einer neuen Position zu springen:

// 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;
}

Beispiel

Wenn der Benutzer anfängt, sich zu einer neuen Position im Audio zu bewegen/zu springen, warnen Sie einen Text:

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

❮ HTML-Audio/Video-DOM-Referenz