HTML Аудио/Видео DOM loadedmetadata Событие
❮ HTML Аудио/Видео DOM Справка
Пример
Оповещение при загрузке мета-данных для видео:
var vid = document.getElementById("myVideo");
vid.onloadedmetadata = function() {
alert("Meta data for video loaded");
};
Подробнее примеры ниже.
Определение и использование
Событие loadedmetadata происходит при загрузке мета-данных для указанного аудио/видео.
Мета-данные для аудио/видео состоят из: длительность, размеры (только видео) и текстовые дорожки.
В процессе загрузки аудио/видео происходят следующие события в следующем порядке:
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- 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 Справка