ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши



HTML Аудио/Видео DOM seeked Событие

❮ HTML Аудио/Видео DOM Справка

Пример

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

var vid = document.getElementById("myVideo");
vid.onseeked = function() {
    alert("Seek operation completed!");
};

Подробнее примеры ниже.


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

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

Совет: Поисковый случай является противоположностью события seeking.

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


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

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

Событие
seeked Да 9.0 Да Да Да

Синтаксис

В HTML:

<audio|video onseeked="myScript">Try it

В JavaScript:

audio|video.onseeked=function(){myScript};Try it

In JavaScript, using the addEventListener() method:

audio|video.addEventListener("seeked", 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 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 Справка