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 Справка