ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



HTML Аудио/Видео DOM loadedmetadata Событие

❮ HTML Аудио/Видео DOM Справка

Пример

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

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

Подробнее примеры ниже.


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

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

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

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

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

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

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

Событие
loadedmetadata Да 9.0 Да Да Да

Синтаксис

В HTML:

<audio|video onloadedmetadata="myScript">Try it

В JavaScript:

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

В JavaScript с помощью addEventListener() method:

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

Примечание: Метод addEventListener() не поддерживается в Internet Explorer 8 и более ранних версиях.


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

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

Другие примеры

Пример

Alert when meta data for the audio is loaded:

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

❮ HTML Аудио/Видео DOM Справка