El atributo HTML onprogress es un atributo de evento que ocurre cuando el navegador está descargando el audio o video especificado.
Sintaxis:
<element onprogress="myScript">
Valor de atributo: este atributo contiene un script de valor único que funciona cuando se llama al atributo de evento en curso. Este atributo es compatible con las etiquetas <audio> y <video>.
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML onprogress Attribute
</title>
</head>
<body>
<center>
<h1 style="color: green;">
GeeksforGeks
</h1>
<h2>
HTML onprogress Attribute
</h2>
<audio controls id="audioID"
onprogress="GFGfun()">
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625154540/hello-world.m4a"
type="audio/mpeg" />
</audio>
<script>
function GFGfun() {
alert("audio progress");
}
</script>
</center>
</body>
</html>
Producción:
Después de descargar los medios:
Ejemplo 2:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML onprogress Attribute
</title>
</head>
<body>
<center>
<h1 style="color: green;">
GeeksforGeks
</h1>
<h2>
HTML onprogress Attribute
</h2>
<video controls id="vidID"
onprogress="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 progress");
}
</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