Atributo HTML instalado

El atributo HTML instalado es un atributo de evento que se produce cuando el navegador recibe datos multimedia, pero no están disponibles.

Etiquetas admitidas: 

  • <audio> 
  • <vídeo>

Sintaxis: 

<element onstalled="myScript">

Valor de atributo: este atributo contiene un script de valor único que funciona cuando se instalan llamadas de atributos de eventos. Este atributo es compatible con las etiquetas <audio> y <video> .

Ejemplo 1: en este ejemplo, aplicaremos el atributo instalado en la etiqueta de video.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML onstalled Attribute
    </title>
</head>
 
<body>
    <center>
        <h1 style="color:green">GeeksforGeeks</h1>
        <h2>HTML onstalled Attribute</h2>
 
        <video controls id="videoID">
            <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190723123920/secondneon.mp4"
                    type="video/mp4">
        </video>
    </center>
    <script>
        document.getElementById(
            "videoID").addEventListener("stalled", GFGfun);
 
        function GFGfun() {
            alert(
            "Data of this media not available");
        }
    </script>
 
</body>
 
</html>

Producción:

Ejemplo 2:   En este ejemplo, aplicaremos el atributo instalado en la etiqueta de audio.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML onstalled Attribute
    </title>
</head>
 
<body>
    <center>
        <h1 style="color:green">GeeksforGeeks</h1>
        <h2>HTML onstalled Attribute</h2>
 
        <audio controls id="audioID">
         
          <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg"
                type="audio/ogg">    
        </audio>
    </center>
    <script>
        document.getElementById(
            "audioID").addEventListener("stalled", GFGfun);
 
        function GFGfun() {
            alert(
            "Data of this media not available");
        }
    </script>
 
</body>
 
</html>

Producción

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 *