HTMLMediaElement: ended Ereignis

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das ended Ereignis wird ausgelöst, wenn die Wiedergabe oder das Streaming gestoppt wurde, weil das Ende der Medien erreicht wurde oder keine weiteren Daten verfügbar sind.

Dieses Ereignis tritt auf, wenn HTMLMediaElement (<audio> und <video>) ended auslösen, wenn die Wiedergabe das Ende der Medien erreicht.

Dieses Ereignis ist nicht abbruchfähig und wird nicht weitergereicht.

Hinweis: Das ended Ereignis wird nicht ausgelöst, wenn die loop Eigenschaft true ist und playbackRate nicht-negativ ist.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignisbehandlereigenschaft.

addEventListener("ended", (event) => {});

onended = (event) => {};

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Ereignislistener für das ended Ereignis des HTMLMediaElement hinzu und geben eine Nachricht aus, wenn dieser Ereignisbehandler auf das ausgelöste Ereignis reagiert hat.

Verwendung von addEventListener():

const video = document.querySelector("video");

video.addEventListener("ended", (event) => {
  console.log(
    "Video stopped either because it has finished playing or no further data is available.",
  );
});

Verwendung der onended Ereignisbehandlereigenschaft:

const video = document.querySelector("video");

video.onended = (event) => {
  console.log(
    "Video stopped either because it has finished playing or no further data is available.",
  );
};

Spezifikationen

Specification
HTML Standard # event-media-ended
HTML Standard # handler-onended

Browser-Kompatibilität

BCD tables only load in the browser