HTMLMediaElement: событие canplay

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

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

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

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

oncanplay = (event) => {};

Общее Event.

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

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

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

video.addEventListener("canplay", (event) => {
  console.log("Video can start, but not sure it will play through.");
});

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

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

video.oncanplay = (event) => {
  console.log("Video can start, but not sure it will play through.");
};

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

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