HTML Аудио / Видео DOM добившиеся событие

примеров

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

вар VID = document.getElementById ( "MyVideo");
vid.onseeked = функция () {
оповещение ( "Seek операция завершена!");
};

Попробуйте »

Нижняя часть этой статьи содержит больше примеров.

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

Добившиеся событие срабатывает, когда пользователь должен двигаться / переход к аудио / видео (аудио / видео) на новое место.

Совет: Вместо того, чтобы событие добившиеся событие ищет событие.

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

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

Цифры в таблице представляют первый браузер, чтобы поддержать эту версию событий.

событие
добившиеся	да	9.0	да	да	да

грамматика

В HTML:

<Аудио | видео onseeked = "MyScript "> попробовать

В JavaScript:

аудио | видео .onseeked = функция () {MyScript}; попробуйте

JavaScript используется метод addEventListener ():

аудио | видео .addEventListener ( "добившиеся" , MyScript); попробуйте

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

технические детали

Поддерживаемые HTML-теги:	<Audio> и <видео>
Поддерживаемые объекты JavaScript:	Аудио, Видео

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

примеров

Этот пример демонстрирует разницу между поиском и добившихся события события:

<Видео onseeking = "туРипсЫоп ()" onseeked = "mySecondFunction ()">

Попробуйте »

примеров

Когда пользователь завершает переместить / прыжок в новое положение видео, используйте CURRENTTIME объект недвижимости Video для отображения текущего положения воспроизведения:

// Получить ID = элемент "MyVideo" <видео>
вар VID = document.getElementById ( "MyVideo");

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

Функция туРипсЫоп () {
// Отображение ID = "DEMO" р элемент <видео> позицию воспроизведения тока
. Document.getElementById ( "демо") innerHTML = vid.currentTime;
}

Попробуйте »