HTML Аудио / Видео DOM событие timeupdate
HTML Аудио / видео DOM Reference
примеров
Когда положение воспроизведения видео изменилось, он отображает текущее положение воспроизведения видео (одна секунда в счет):
вар VID = document.getElementById ( "MyVideo");
// Добавить событие ontimeupdate <видео> элемент, если функция изменения позиции воспроизведения тока выполняется
vid.ontimeupdate = функция () {туРипсЫоп ()};
Функция туРипсЫоп () {
// Отображение ID = "демо" элементов <p> в положении воспроизведения видео
. Document.getElementById ( "демо") innerHTML = vid.currentTime;
}
Попробуйте »
Нижняя часть этой статьи содержит больше примеров.
Определение и использование
Timeupdate инициирующее событие в аудио / видео (аудио / видео) Позиция воспроизведения изменяется.
Это событие может быть использовано в следующих случаях:
- Играть аудио / видео (аудио / видео)
- Мобильный аудио / видео (аудио / видео) Позиция воспроизведения
Совет: timeupdate событие обычно ассоциируется с аудио / видео объект CURRENTTIME использования собственности, которая возвращает аудио / видео (аудио / видео) Позиция воспроизведения (в секундах).
Поддержка браузеров
Цифры в таблице представляют первый браузер, чтобы поддержать эту версию событий.
событие | |||||
---|---|---|---|---|---|
timeupdate | да | 9.0 | да | да | да |
грамматика
В HTML:
В JavaScript:
JavaScript используется метод addEventListener ():
Примечание: Internet Explorer 8 и более ранние версии IE не поддерживают addEventListener () метод.
технические детали
Поддерживаемые HTML-теги: | <Audio> и <видео> |
---|---|
Поддерживаемые объекты JavaScript: | Аудио, Видео |
Другие примеры
примеров
Когда положение воспроизведения звука изменяется, отображение текущей позиции воспроизведения аудио (в секундах):
вар ауд = document.getElementById ( "MyVideo");
// Добавить событие ontimeupdate <аудио> элемент и выполняют функцию при изменении положения воспроизведения
aud.ontimeupdate = функция () {туРипсЫоп ()};
Функция туРипсЫоп () {
// Отображение ID = "демо" элемента <p> в положении воспроизведения аудио
. Document.getElementById ( "демо") innerHTML = aud.currentTime;
}
Попробуйте »
примеров
Использование CURRENTTIME свойство установлено в 5 секунд Позиция воспроизведения:
Попробуйте »
HTML Аудио / видео DOM Reference