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

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

Пример

Отображать текст подсказки, когда пользователь завершает установку позиции воспроизведения видео:

var vid = document.getElementById("myVideo");
vid.onseeked = function() {
    alert("Операция перемотки завершена!");
};

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

Дополнительные примеры приведены в нижней части этой статьи.

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

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

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

Совет:Используя объекты Audio/VideocurrentTimeиспользуйте атрибут, чтобы получить позицию воспроизведения видео.

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

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

Events
seeked Да 9.0 Да Да Да

Синтаксис

В HTML:

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

В JavaScript:

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

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

audio|video.addEventListener("seeked", 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");

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

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

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

Пример

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

var aud = document.getElementById("myAudio");
aud.onseeked = function() {
    alert("Операция перемотки завершена!");
};

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

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