El atributo HTML ondurationchange es un atributo de evento que ocurre cuando se cambia la duración del audio/video. La duración del audio/video cambia de “NaN” a la duración real del audio/video cuando se carga.
Sintaxis:
<element ondurationchange="myScript">
Valor de atributo: este atributo contiene un script de valor único que funciona cuando se llama al atributo de evento ondurationchange . Este atributo es compatible con las etiquetas <audio> y <video> .
Los siguientes ejemplos ilustran el atributo ondurationchange en HTML:
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML ondurationchange Attribute
</title>
</head>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>HTML ondurationchange Attribute</h2>
<audio controls ondurationchange="GFGfun()">
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
type="audio/mpeg">
</audio>
<script>
function GFGfun() {
alert("The audio duration has changed");
}
</script>
</center>
</body>
</html>
Producción
Después:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML ondurationchange Attribute
</title>
</head>
<body>
<center>
<h1 style="color: green;">GeeksforGeeks</h1>
<h2>HTML ondurationchange Attribute</h2>
<video width="400" height="200" controls ondurationchange="GFGfun()">
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.mp4"
type="video/mp4" />
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190616234019/Canvas.move_.ogg"
type="video/ogg" />
</video>
</center>
<script>
function GFGfun() {
alert("The video duration has changed");
}
</script>
</body>
</html>
Producción
Después:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA