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 объекта Audio/Video, которое возвращает текущую позицию воспроизведения аудио/видео в секундах.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это событие.
| Event | |||||
|---|---|---|---|---|---|
| timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Синтаксис
В HTML:
<audio|video ontimeupdate="myScript">
В JavaScript:
audio|video.ontimeupdate=function(){myScript};
В JavaScript с помощью метода addEventListener():
audio|video.addEventListener("timeupdate", myScript);
Технические детали
| Поддерживаемые HTML-теги: | <аудио> и <видео> |
|---|---|
| Поддерживаемые объекты JavaScript: | Аудио видео |
Дополнительные примеры
Пример
Когда позиция воспроизведения аудио изменилась, отобразите текущую позицию аудио в секундах:
// 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