English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El evento play se desencadena cuando se comienza a reproducir.
Audio HTML/Manual de referencia del DOM de video
Mostrar un mensaje de información emergente cuando se reproduzca el video:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Audio HTML/Uso del evento onplay en video-Tutoriales básicos(oldtoolbag.com)</title> </head> <body> <p>Presione el botón de reproducción.</p> <video id="myVideo" width="320" height="176controls> "4<source src="movie.mp/" type="video4"> mp/ogg"> <source src="movie.ogg" type="video5 Su navegador no admite HTML </etiqueta video. <script> video> var vid = document.getElementById("myVideo"); { vid.onplay = function() }; </script> </body> </html>Prueba para ver ‹/›
Definición y uso/El evento se desencadena en el audio/El evento play se desencadena en el audio
El evento play se desencadena cuando se comienza a reproducir el video (audio) Nota: pause/El evento se desencadena en el audio/Se desencadena cuando se pausa el video (audio)
IEFirefoxOperaChromeSafari
En HTML:
<audio|video onplay="myScript">Pruebe
En JavaScript, utilice el método addEventListener():
audio|video.addEventListener("play", myScript);Pruebe
Nota: Internet Explorer 8 No se admite en versiones anteriores de IE addEventListener() Métodos.
Detalles técnicosEtiquetas HTML compatibles: | <audio> y <video> |
---|---|
Objetos JavaScript compatibles: | Audio, Video |
Mostrar un mensaje de información emergente cuando se reproduzca el audio:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Audio HTML/Uso del evento play de video-Tutoriales básicos(oldtoolbag.com)</title> </head> <body> <p>Presione el botón de reproducción.</p> <audio id="myAudio" controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Su navegador no admite el elemento audio. </audio> <script> var aud = document.getElementById("myAudio"); aud.onplay = function() { alert("El audio ha comenzado a reproducirse"); }; </script> </body> </html>Prueba para ver ‹/›