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.

js
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():

js
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:

js
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
# event-media-ended
HTML
# handler-onended

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
ended event

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Verwandte Ereignisse

Siehe auch