Событие загрузки метаданных HTML Audio/Video DOM

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

Пример

Оповещение при загрузке метаданных для видео:

var vid = document.getElementById("myVideo");
vid.onloadedmetadata = function() {
    alert("Metadata for video loaded");
};

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


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

Событие loadmetadata происходит, когда метаданные для указанного аудио/видео были загружены.

Метаданные для аудио/видео состоят из: продолжительности, размеров (только видео) и текстовых дорожек.

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

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

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

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

Event
loadedmetadata Yes 9.0 Yes Yes Yes

Синтаксис

В HTML:

<audio|video onloadedmetadata="myScript">

В JavaScript:

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

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

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

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

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

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

Пример

Оповещение при загрузке метаданных для аудио:

var aud = document.getElementById("myAudio");
aud.onloadedmetadata = function() {
    alert("Metadata for audio loaded");
};

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