HTML Audio/Video DOM может воспроизводить события

❮ Справочник по HTML аудио/видео DOM

Пример

Оповещение о том, что видео готово к воспроизведению:

var vid = document.getElementById("myVideo");
vid.oncanplay = function() {
    alert("Can start playing video");
};

Другие примеры «Попробуйте сами» ниже.


Определение и использование

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

В процессе загрузки аудио/видео происходят следующие события в следующем порядке:

  1. загрузкастарт
  2. изменение продолжительности
  3. загруженные метаданные
  4. загруженные данные
  5. прогресс
  6. может играть
  7. можно пройти

Поддержка браузера

Цифры в таблице указывают на первую версию браузера, полностью поддерживающую событие.

Event
canplay Yes 9.0 Yes Yes Yes

Синтаксис

В HTML:

<audio|video oncanplay="myScript">

В JavaScript:

audio|video.oncanplay=function(){myScript};

В JavaScript с помощью метода addEventListener():

audio|video.addEventListener("canplay", myScript);

Технические детали

Поддерживаемые HTML-теги: <аудио> и <видео>
Поддерживаемые объекты JavaScript: Аудио видео

Дополнительные примеры

Пример

Оповещение о том, что звук готов к воспроизведению:

var aud = document.getElementById("myAudio");
aud.oncanplay = function() {
    alert("Can start playing audio");
};

❮ Справочник по HTML аудио/видео DOM