La propiedad de duración del video se usa para devolver la duración de un video . La propiedad Duración del video devuelve el valor en segundos. Los diferentes navegadores devuelven diferentes valores de precisión, como Safari que devuelve hasta 14 decimales seguido de Opera que devuelve hasta 9 decimales.
La propiedad Duración del video es una propiedad de solo lectura.
La función de duración del video devuelve «NaN» si no se configura ningún video, mientras que si el video se transmite y no tiene una duración predefinida, devuelve «Inf» (Infinito).
Sintaxis:
videoObject.duration
El siguiente programa ilustra la propiedad de duración del video:
Ejemplo: Obtener la duración de un video.
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Video duration Property
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Video Duration Property</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls>
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>For returning the length of the video,
double click the "Return Length" button.
</p>
<button ondblclick="My_Video()"
type="button">
Return length
</button>
<p id="test"></p>
<script>
function My_Video() {
var v =
document.getElementById(
"Test_Video").duration;
document.getElementById(
"test").innerHTML = v;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: el navegador compatible con HTML | Las propiedades de duración del video DOM se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA