Spec-Zone.ru › Web APIs

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

См. также

  • HTMLAudioElement
  • HTMLVideoElement
  • <audio>
  • <video>
  • Захват и потоки медиа

    • MediaStreamTrack: ended событие
  • API Веб-аудио

    • API Веб-аудио: событие ended

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API