El atributo HTML onplay es un atributo de evento que ocurre cuando se reproduce el audio/video. El audio/video puede ser reproducido por el usuario o mediante programación.
Etiquetas admitidas:
Sintaxis:
<element onplay="myScript">
Valor de atributo: este atributo contiene un script de valor único que funciona cuando se llama al atributo de evento en reproducción. Este atributo es compatible con las etiquetas <audio> y <video>.
Ejemplo 1:
html
<!DOCTYPE html> <html> <head> <title> HTML onplay Attribute </title> </head> <body> <center> <h1 style="color: green;"> GeeksforGeks </h1> <h2>HTML onplay Attribute</h2> <audio controls id="audID" onplay="GFGfun()"> <source src= "https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3" type="audio/mpeg" /> </audio> <script> function GFGfun() { alert("audio play"); } </script> </center> </body> </html>
Producción:
Después de hacer clic en el botón de reproducción:
Ejemplo 2:
html
<!DOCTYPE html> <html> <head> <title> HTML onplay Attribute </title> </head> <body> <center> <h1 style="color: green;"> GeeksforGeks </h1> <h2>HTML onplay Attribute</h2> <video controls id="vidID" onplay="GFGfun()" width="320" height="240"> <source src= "https://media.geeksforgeeks.org/wp-content/uploads/20190401140735/g4g2.mp4" type="video/mp4" /> </video> <script> function GFGfun() { alert("Video play"); } </script> </center> </body> </html>
Producción:
Después:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA