Atributo HTML en reproducción

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *