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

HTML Ссылки

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



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

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

Пример

При изменении игрового положения видео отображается текущее положение видео в секундах:

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Assign an ontimeupdate event to the <video> element, and execute a function if the current playback position has changed
vid.ontimeupdate = function() {myFunction()};

function myFunction() {
// Display the current position of the video in a <p> element with id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}

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


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

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

Это событие вызывается:

  • Воспроизведение аудио/видео
  • Перемещение позиции воспроизведения (например, когда пользователь пересылается в другую точку аудио/видео)

Совет: Это событие timeupdate часто используется вместе со свойством currentTime объекта аудио/видео, которое возвращает текущую позицию воспроизведения аудио/видео в секундах.


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

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

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

Синтаксис

В HTML:

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

В JavaScript:

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

In JavaScript, using the addEventListener() method:

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

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


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

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

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

Пример

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

// Get the <audio> element with id="myVideo"
var aud = document.getElementById("myVideo");

// Assign an ontimeupdate event to the <audio> element, and execute a function if the current playback position has changed
aud.ontimeupdate = function() {myFunction()};

function myFunction() {
// Display the current position of the audio in a <p> element with id="demo"
    document.getElementById("demo").innerHTML = aud.currentTime;
}

Пример

Использование свойства currentTime для задания текущей позиции воспроизведения на 5 секунд:

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

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