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