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:
- onloadstart
- cambio de duración
- metadatos cargados
- datos cargados
- en progreso
- oncanplay
- 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