English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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

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

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

При паузе воспроизведения媒体 срабатывает событие pause, и媒体 переходит в состояние паузы, наиболее часто это вызывается методом pause(). При вызове pause() состояние паузы изменяется только один раз, и состояние pause媒体的 становится true.

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

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

Появление сообщения о подсказке при паузе видео:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование события onpause в аудио/видео HTML - базовый учебник (oldtoolbag.com)</title>
</head>
<body>
<p>Воспроизведение и пауза видео.</p>
<video id="myVideo" width="320" height="176" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Ваш браузер не поддерживает тег HTML5 video.
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onpause = function() 
{
    alert("Видео воспроизводится на паузе");
};
</script> 
</body>
</html>
Проверьте ‹/›

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

Событие pause срабатывает при паузе аудио/видео (audio/video).

Совет:  play Событие срабатывает при начале воспроизведения аудио/видео (или отмене паузы).

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

IEFirefoxOperaChromeSafari

Грамматика

В HTML:

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

В JavaScript:

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

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

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

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

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

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

Появление сообщения о подсказке при паузе воспроизведения аудио:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование события onpause для остановки аудио в HTML - базовый учебник - oldtoolbag.com</title>
</head>
<body>
<p>Прослушивание и пауза аудио.</p>
<audio id="myAudio" controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Ваш браузер не поддерживает элемент audio.
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onpause = function() 
{
    alert("Пауза аудио");
};
</script>
</body>
</html>
Проверьте ‹/›
Руководство по DOM аудио/видео HTML