English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Событие play срабатывает при начале воспроизведения.
Руководство по DOM аудио/видео HTML
Появление всплывающего сообщения при начале воспроизведения видео:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование события onplay в HTML5 аудио/видео - базовый учебник (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.onplay = function()
{
alert("Видео已经开始 воспроизводиться");
};
</script>
</body>
</html>Проверьте ‹/›Событие play срабатывает при начале воспроизведения аудио/видео (audio/video).
Подсказка: pause Событие срабатывает при паузе/воспроизведении аудио/видео (audio/video).
IEFirefoxOperaChromeSafari
В HTML:
<audio|video onplay="myScript">Попробуйте!
В JavaScript, для использования метода addEventListener():
audio|video.addEventListener("play", myScript);Попробуйте!
Внимание: Internet Explorer 8 и более ранние версии IE не поддерживают addEventListener() Методы.
Технические детали| Поддерживаемые теги HTML: | <audio> и <video> |
|---|---|
| Поддерживаемые объекты JavaScript: | Аудио, Видео |
Появление всплывающего сообщения при начале воспроизведения аудио:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование события play в аудио/видео 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.onplay = function()
{
alert("Аудио已经开始 воспроизведение");
};
</script>
</body>
</html>Проверьте ‹/›