Событие загрузки HTML аудио/видео DOM

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

Пример

Предупреждение о том, что видео начинает загружаться:

var vid = document.getElementById("myVideo");
vid.onloadstart = function() {
    alert("Starting to load video");
};

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


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

Событие loadstart возникает, когда браузер начинает поиск указанного аудио/видео. Это когда начинается процесс загрузки.

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

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

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

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

Event
loadstart Yes 9.0 Yes Yes Yes

Синтаксис

В HTML:

<audio|video onloadstart="myScript">

В JavaScript:

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

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

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

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

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

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

Пример

Оповещение о том, что аудио начинает загружаться:

var aud = document.getElementById("myAudio");
aud.onloadstart = function() {
    alert("Starting to load video");
};

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