HTML Аудио/Видео DOM ищет событие
❮ Справочник по HTML аудио/видео DOM
Пример
Когда пользователь закончит перемещение/переход на новую позицию в видео, предупредите текст:
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Событие seeked происходит, когда пользователь завершает перемещение/переход на новую позицию в аудио/видео.
Совет: Событие seeked противоположно событию seek .
Совет. Используйте свойство currentTime объекта Audio/Video, чтобы получить текущую позицию воспроизведения.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую событие.
Event | |||||
---|---|---|---|---|---|
seeked | Yes | 9.0 | Yes | Yes | Yes |
Синтаксис
В HTML:
<audio|video onseeked="myScript">
В JavaScript:
audio|video.onseeked=function(){myScript};
В JavaScript с помощью метода addEventListener():
audio|video.addEventListener("seeked", myScript);
Технические детали
Поддерживаемые HTML-теги: | <аудио> и <видео> |
---|---|
Поддерживаемые объекты JavaScript: | Аудио видео |
Дополнительные примеры
Пример
Этот пример демонстрирует разницу между событием поиска и событием поиска:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Пример
Использование свойства currentTime объекта Video для отображения текущей позиции воспроизведения, когда пользователь заканчивает перемещение/переход на новую позицию:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", myFunction);
function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Пример
Когда пользователь закончит перемещение/переход на новую позицию в аудио, предупредите текст:
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
❮ Справочник по HTML аудио/видео DOM