HTMLMediaElement: событие ended
Базовая Широко поддерживается
Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Событие ended срабатывает, когда воспроизведение или потоковая передача остановлены, потому что достигнут конец медиа или больше данных недоступно.
Это событие происходит на основе HTMLMediaElement (<audio> и <video>) срабатывают ended при достижении конца медиа.
Это событие не может быть отменено и не распространяется.
Примечание: Событие ended не срабатывает, если свойство loop true и playbackRate не отрицательно.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика события.
addEventListener("ended", (event) => {});
onended = (event) => {};
Тип события
Общее Event.
Примеры
Эти примеры добавляют обработчик события для события HTMLMediaElement ended , а затем публикуют сообщение, когда этот обработчик отреагировал на срабатывание события.
Используя 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.",
);
});
Используя свойство обработчика события onended:
const video = document.querySelector("video");
video.onended = (event) => {
console.log(
"Video stopped either because it has finished playing or no further data is available.",
);
};
Спецификации
| Спецификация |
|---|
| HTML # event-media-ended |
| HTML # handler-onended |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
ended_event |
3 | 12 | 3.5 | 10.5 | 3.1 | 18 | 4 | 11 | 3 | 1.0 | ≤37 |
Связанные события
- Событие HTMLMediaElement
playing - Событие HTMLMediaElement
waiting - Событие HTMLMediaElement
seeking - Событие HTMLMediaElement
seeked - Событие HTMLMediaElement
loadedmetadata - Событие HTMLMediaElement
loadeddata - Событие HTMLMediaElement
canplay - Событие HTMLMediaElement
canplaythrough - Событие HTMLMediaElement
durationchange - Событие HTMLMediaElement
timeupdate - Событие HTMLMediaElement
play - Событие HTMLMediaElement
pause - Событие HTMLMediaElement
ratechange - Событие HTMLMediaElement
volumechange - Событие HTMLMediaElement
suspend - Событие HTMLMediaElement
emptied - Событие HTMLMediaElement
stalled
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/ended_event