HTML Audio/Video DOM timeupdateСобытия

Справочное руководство по HTML Audio/Video DOM

Пример

Когда позиция воспроизведения видео изменилась, отображайте текущую позицию воспроизведения видео (в секундах):

// Получить элемент <video> с id="myVideo"
var vid = document.getElementById("myVideo");

// Добавить событие ontimeupdate к элементу <video> и выполнить функцию, если текущая позиция воспроизведения изменяется.
vid.ontimeupdate = function() {myFunction()};

function myFunction() {
// Отобразить позицию воспроизведения видео в элементе <p> с id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}

Попробуйте сами »

Внизу этой статьи приведено больше примеров.

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

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

Это событие может быть вызвано в следующих случаях:

  • Воспроизведение аудио/видео (audio/video)
  • Перемещение позиции воспроизведения аудио/видео

Совет:Событие timeupdate обычно связано сcurrentTimeобъекта Audio/Video. При использовании вместе с атрибутом этот атрибут возвращает позицию воспроизведения аудио/видео (в секундах).

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

Числа в таблице указывают номер версии первого браузера, поддерживающего это событие.

Events
timeupdate Да 9.0 Да Да Да

Синтаксис

В HTML:

<audio|video ontimeupdate="myScript">Попробуйте сами

В JavaScript:

audio|video.ontimeupdate=function(){myScript};Попробуйте сами

В JavaScript с использованием метода addEventListener():

audio|video.addEventListener("timeupdate", myScript);Попробуйте сами

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

Технические детали
Поддерживаемые HTML-теги: <audio> и <video>
Поддерживаемые объекты JavaScript: Audio, Video

Examples

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

Пример

Когда позиция воспроизведения аудио изменяется, отображать текущую позицию воспроизведения аудио (в секундах):

// Получить элемент <audio> с id="myVideo"
var aud = document.getElementById("myVideo");

// Добавьте событие ontimeupdate к элементу <audio> и выполняйте функцию при изменении позиции воспроизведения
aud.ontimeupdate = function() {myFunction()};

function myFunction() {
// Отобразить позицию воспроизведения аудио в элементе <p> с id="demo"
    document.getElementById("demo").innerHTML = aud.currentTime;
}

Попробуйте сами »

Пример

Используйте атрибут currentTime, чтобы установить позицию воспроизведения на 5 секунд:

document.getElementById("myVideo").currentTime = 5;

Попробуйте сами »

Справочное руководство по HTML Audio/Video DOMдругие расширения