Руководство по HTML

Полный список тегов HTML

Событие ratechange DOM аудио/видео HTML

После изменения скорости воспроизведения будет инициировано событие ratechange.

Онлайн пример

Измените скорость воспроизведения видео и получите уведомление о変更 скорости.

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование события onratechange в аудио/видео HTML - базовый учебник (oldtoolbag.com)</title>
</head>
<body>
<p>В этом примере мы используем HTML DOM для добавления события "onratechange" к элементу video. Свойство playbackRate используется для изменения скорости воспроизведения видео.</p>
<video id="myVideo" width="320" height="176" autoplay controls>
　　<source src="mov_bbb.mp4" type="video/mp4">
　　<source src="mov_bbb.ogg" type="video/ogg">
　　Ваш браузер не поддерживает тег HTML5 video.
</video>
<br>
<button onclick="setPlaySpeed()" type="button">Установить медленное воспроизведение видео</button>
<script>
// Получить элемент <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("Событие onratechange инициировано - скорость воспроизведения видео изменена");
}
</script>　
</body>
</html>

Тестировать, посмотрите ‹/›

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

При изменении скорости воспроизведения аудио/видео (например, когда пользователь переключается на режим замедленного воспроизведения или ускоренного воспроизведения), генерируется событие ratechange.
Это событие вызывается "объектом аудио/видео"playbackRateСвойство вызова, которое устанавливает или возвращает текущую скорость воспроизведения аудио/видео.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Грамматика

В HTML:

<audio|video onratechange="myScript">Попробуйте:

В JavaScript:

audio|video.onratechange=function(){myScript};Попробуйте:

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

audio|video.addEventListener("ratechange", myScript);Попробуйте:

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

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

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

Руководство по DOM аудио/видео HTML

HTML: <template> тег