Последние учебники веб-разработки
 

HTML Аудио / Видео DOM прогресс Событие

<HTML Аудио / видео DOM Reference

пример

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

var vid = document.getElementById("myVideo");
vid.onprogress = function() {
    alert("Downloading video");
};
Попробуй сам "

Больше "Попробуйте сами" примеры ниже.


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

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

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

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

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

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

Мероприятие
progress да 9.0 да да да

Синтаксис

В HTML:

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

В JavaScript:

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

В JavaScript, используя addEventListener() метод:

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

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


Технические подробности

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

Еще примеры

пример

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

var aud = document.getElementById("myAudio");
aud.onprogress = function() {
    alert("Downloading audio");
};
Попробуй сам "

<HTML Аудио / видео DOM Reference