English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Событие playing, срабатывающее при的准备 к началу воспроизведения (перед暂停 или при отсутствии данных)
Справочник по DOM аудио/видео HTML
Появление сообщения о提示 при воспроизведении видео:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Использование события onplaying HTML аудио/видео - базовый учебник (oldtoolbag.com)</title> </head> <body> <p>Воспроизвести, приостановить, а затем повторно воспроизвести видео.</p> <video id="myVideo" width="320" height="176" controls> <source src="mov_bbb.mp4" type="video/mp4"> <source src="mov_bbb.ogg" type="video/ogg"> Ваш браузер не поддерживает тег HTML5 video. </video> <script> var vid = document.getElementById("myVideo"); vid.onplaying = function() { alert("Видео играет"); }; </script> </body> </html>Проверьте, <‹/›>
Событие playing срабатывает, когда аудио/видео (audio/video) готово к воспроизведению после приостановки или остановки из-за буферизации.
IEFirefoxOperaChromeSafari
В HTML:
<audio|video onplaying="myScript">Попробуйте
В JavaScript:
audio|video.onplaying=function(){myScript};Попробуйте
В JavaScript, используйте метод addEventListener():
audio|video.addEventListener("playing", myScript);Попробуйте
Внимание: Internet Explorer 8 и более ранние версии IE не поддерживают addEventListener() Методы.
Технические деталиПоддерживаемые теги HTML: | <audio> и <video> |
---|---|
Поддерживаемые объекты JavaScript: | Audio, Video |
Появление сообщения о提示 при воспроизведении аудио:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Использование события onplaying 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.onplaying = function() { alert("Аудио играет"); }; </script> </body> </html>Проверьте, <‹/›>