HTML Audio/Video DOM ratechangeСобытия
Справочное руководство по HTML Audio/Video DOM
Пример
Измените скорость воспроизведения видео и выведите изменённую скорость во всплывающем окне:
// Получить элемент <video> с id="myVideo"
var vid = document.getElementById("myVideo");
// Установите скорость воспроизведения видео на 0.3 (медленно)
function setPlaySpeed() {
vid.playbackRate = 0.3;
}
// Добавьте событие ratechange к <video>, чтобы выполнить функцию при изменении скорости воспроизведения видео. Функция покажет всплывающее текстовое сообщение.
vid.onratechange = function() {myFunction()};
function myFunction() {
alert("Скорость воспроизведения видео изменилась");
}
var vid = document.getElementById("myVideo");
// Установите скорость воспроизведения видео на 0.3 (медленно)
function setPlaySpeed() {
vid.playbackRate = 0.3;
}
// Добавьте событие ratechange к <video>, чтобы выполнить функцию при изменении скорости воспроизведения видео. Функция покажет всплывающее текстовое сообщение.
vid.onratechange = function() {myFunction()};
function myFunction() {
alert("Скорость воспроизведения видео изменилась");
}
Попробуйте сами »
Определение и использование
Событие ratechange запускается, когда скорость воспроизведения аудио/видео изменяется (например, когда пользователь переключается в режим медленного или быстрого воспроизведения).
Это событие вызывается через свойствоplaybackRateаудио/видео, которое используется для установки или возврата скорости воспроизведения аудио/видео.
Поддержка браузеров
Числа в таблице указывают номер версии первого браузера, поддерживающего это событие.
| Events | |||||
|---|---|---|---|---|---|
| ratechange | Да | 9.0 | Да | Да | Да |
Синтаксис
В HTML:
<audio|video onratechange="myScript">Попробуйте сами
В JavaScript:
audio|video.onratechange=function(){myScript};Попробуйте сами
В JavaScript с использованием метода addEventListener():
audio|video.addEventListener("ratechange", myScript);Попробуйте сами
Примечание:Internet Explorer 8 и более ранние версии IE не поддерживают методaddEventListener().
Технические детали
| Поддерживаемые HTML-теги: | <audio> и <video> |
|---|---|
| Поддерживаемые объекты JavaScript: | Audio, Video |
Справочное руководство по HTML Audio/Video DOMдругие расширения