HTML Аудио/Видео DOM seeking Событие
❮ HTML Аудио/Видео DOM Справка
Пример
Когда пользователь начинает перемещение/пропуск на новую позицию в видео, предупредить некоторый текст:
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
Подробнее примеры ниже.
Определение и использование
Событие seeking происходит, когда пользователь начинает перемещение/пропуск на новую позицию в аудио/видео.
Совет: Событие Seeking является противоположностью события seeked.
Совет: Используйте свойство currentTime объекта аудио/видео для получения текущей позиции воспроизведения.
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает событие.
Событие | |||||
---|---|---|---|---|---|
seeking | Да | 9.0 | Да | Да | Да |
Синтаксис
В HTML:
<audio|video onseeking="myScript">Try it
В JavaScript:
audio|video.onseeking=function(){myScript};Try it
In JavaScript, using the addEventListener() method:
audio|video.addEventListener("seeking", myScript);Try it
Примечание: Метод addEventListener() не поддерживается в Internet Explorer 8 и более ранних версиях.
Технические детали
Поддерживаемые HTML-теги: | <audio> and <video> |
---|---|
Поддерживаемые объекты JavaScript: | Audio, Video |
Другие примеры
Пример
В этом примере демонстрируется различие между событием seeking и seeked:
<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 Справка