HTML | Evento DOM en progreso

El evento DOM onprogress en HTML ocurre cuando el navegador está descargando el audio/video especificado.
Los eventos ocurren durante el proceso de carga de un audio/video: 
 

  1. onloadstart
  2. cambio de duración
  3. metadatos cargados
  4. datos cargados
  5. en progreso
  6. oncanplay
  7. oncanplaythrough

Etiquetas admitidas

Sintaxis: 
 

  • En HTML: 
     
<element onprogress="myScript">
  • En JavaScript: 
     
object.onprogress = function(){myScript};
  • En JavaScript, usando el método addEventListener(): 
     
object.addEventListener("progress", myScript);

Ejemplo: uso del método addEventListener() 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM onprogress Event
    </title>
</head>
 
<body>
    <center>
        <h1 style="color:green">
          GeeksforGeks
      </h1>
        <h2>
          HTML DOM onprogress Event
      </h2>
 
        <video controls id="vidID"
               width="320" height="240">
            <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190401140735/g4g2.mp4"
                    type="video/mp4">
        </video>
 
        <script>
            document.getElementById(
              "vidID").addEventListener("progress", GFGfun);
 
            function GFGfun() {
                alert("Video progress");
            }
        </script>
    </center>
</body>
 
</html>

Producción: 
 

  • Antes: 
     

  • Después: 
     

Navegadores compatibles: los navegadores compatibles con HTML DOM onprogress Event se enumeran a continuación: 
 

  • Google Chrome
  • Internet Explorer 9.0
  • Firefox
  • safari de manzana
  • Ópera

Publicación traducida automáticamente

Artículo escrito por Vijay Sirra 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 *