HTML Audio/Video DOM seekingСобытия

Справочное руководство по HTML Audio/Video DOM

Пример

Показывать текстовую информацию, когда пользователь начинает перемещение/переход на новую позицию воспроизведения видео:

var vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("Операция перемотки началась!");
};

Попробуйте сами »

Внизу этой статьи приведено больше примеров.

Определение и использование

Событие seeking срабатывает, когда пользователь начинает перемещение/переход на новую позицию воспроизведения аудио/видео.

Совет:Противоположное событие для seeking — этоseekedСобытие.

Совет:ИспользованиеcurrentTimeатрибута объектов Audio/Video для получения позиции воспроизведения.

Поддержка браузеров

Числа в таблице обозначают номер версии первого браузера, поддерживающего это событие.

Events
seeking Да 9.0 Да Да Да

Синтаксис

В HTML:

<audio|video onseeking="myScript">Попробуйте сами

В JavaScript:

audio|video.onseeking=function(){myScript};Попробуйте сами

В JavaScript с использованием метода addEventListener():

audio|video.addEventListener("seeking", myScript);Попробуйте сами

Примечание:Internet Explorer 8 и более ранние версии IE не поддерживают методaddEventListener().

Технические детали
Поддерживаемые HTML-теги: <audio> и <video>
Поддерживаемые объекты JavaScript: Audio, Video

Examples

Другие примеры

Пример

В этом примере показана разница между событием seeking и событием seeked:

<video onseeking="myFunction()" onseeked="mySecondFunction()">

Попробуйте сами »

Пример

Когда пользователь начинает перемещаться на новую позицию, используйте свойство currentTime объекта Video для отображения текущей позиции воспроизведения:

// Получить элемент <video> с id="myVideo"
var vid = document.getElementById("myVideo");

// Добавить событие seeking к <video>, если начинается seeking, выполнить функцию
vid.addEventListener("seeking", myFunction);

function myFunction() {
// Отобразить позицию воспроизведения <video> в элементе p с id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}

Попробуйте сами »

Пример

Показывать всплывающее сообщение-подсказку, когда пользователь завершает перемещение/переход к новой позиции воспроизведения аудио:

var aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("Операция перемотки началась!");
};

Попробуйте сами »

Справочное руководство по HTML Audio/Video DOMдругие расширения