HTMLMediaElement: событие canplaythrough

Событие canplaythrough срабатывает, когда пользовательский агент может воспроизвести медиа и оценивает, что достаточно данных загружено для воспроизведения медиа до конца без необходимости остановки для дальнейшей буферизации контента.

Это событие не может быть отменено и не распространяется.

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.

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

oncanplaythrough = (event) => {};

Общее Event.

В этих примерах добавляется обработчик событий для события canplaythrough элемента HTMLMediaElement, а затем публикуется сообщение, когда этот обработчик отреагировал на срабатывание события.

Используя addEventListener():

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

video.addEventListener("canplaythrough", (event) => {
  console.log(
    "I think I can play through the entire video without having to stop to buffer.",
  );
});

Используя свойство обработчика событий oncanplaythrough:

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

video.oncanplaythrough = (event) => {
  console.log(
    "I think I can play through the entire video without having to stop to buffer.",
  );
};

• Событие HTMLMediaElement playing
• Событие HTMLMediaElement waiting
• Событие HTMLMediaElement seeking
• Событие HTMLMediaElement seeked
• Событие HTMLMediaElement ended
• Событие HTMLMediaElement loadedmetadata
• Событие HTMLMediaElement loadeddata
• Событие HTMLMediaElement canplay
• Событие HTMLMediaElement durationchange
• Событие HTMLMediaElement timeupdate
• Событие HTMLMediaElement play
• Событие HTMLMediaElement pause
• Событие HTMLMediaElement ratechange
• Событие HTMLMediaElement volumechange
• Событие HTMLMediaElement suspend
• Событие HTMLMediaElement emptied
• Событие HTMLMediaElement stalled

• HTMLAudioElement
• HTMLVideoElement
• <audio>
• <video>