HTMLMediaElement: ended event
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 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öst, wenn die Wiedergabe das Ende der Medien erreicht hat.
Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergeleitet.
Hinweis:
Das ended-Ereignis wird nicht ausgelöst, wenn die loop-Eigenschaft true ist und die playbackRate nicht negativ ist.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandlereigenschaft.
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 senden dann eine Nachricht, wenn der Ereignishandler auf das Auslösen des Ereignisses 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 Ereignishandlereigenschaft:
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
Loading…
Verwandte Ereignisse
- Das HTMLMediaElement
playingEreignis - Das HTMLMediaElement
waitingEreignis - Das HTMLMediaElement
seekingEreignis - Das HTMLMediaElement
seekedEreignis - Das HTMLMediaElement
loadedmetadataEreignis - Das HTMLMediaElement
loadeddataEreignis - Das HTMLMediaElement
canplayEreignis - Das HTMLMediaElement
canplaythroughEreignis - Das HTMLMediaElement
durationchangeEreignis - Das HTMLMediaElement
timeupdateEreignis - Das HTMLMediaElement
playEreignis - Das HTMLMediaElement
pauseEreignis - Das HTMLMediaElement
ratechangeEreignis - Das HTMLMediaElement
volumechangeEreignis - Das HTMLMediaElement
suspendEreignis - Das HTMLMediaElement
emptiedEreignis - Das HTMLMediaElement
stalledEreignis