La propiedad Vídeo reproducido se utiliza para devolver un objeto TimeRanges .
El objeto TimeRanges se usa en los casos en que desea representar los rangos de un video que ya ha sido reproducido por el usuario.
Un rango reproducido es un rango de tiempo de un video reproducido. Si un usuario se salta el video, puede obtener varios rangos de reproducción.
La propiedad de video reproducido es una propiedad de solo lectura.
Las propiedades del objeto TimeRanges son:
- Duración: se utiliza para obtener la cantidad de rangos reproducidos en el video.
- inicio (índice): se utiliza para obtener la posición de inicio de un rango jugado
- end(index): se usa para obtener la posición final de un rango jugado
Sintaxis:
videoObject.played
El siguiente programa ilustra la propiedad de Video reproducido:
Ejemplo: Obtener el primer rango reproducido del video en segundos.
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Video played Property
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Video played 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>
To return the first played range of the video
in seconds, double click the
"Return Played Range" button.
</p>
<button ondblclick="My_VideoRate()"
type="button">
Return Played Range
</button>
<p id="test"></p>
<script>
function My_VideoRate() {
var v = document.getElementById("Test_Video");
document.getElementById("test").innerHTML =
"Starts At: " + v.played.start(0) +
" Ends At: " + v.played.end(0);
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: El navegador compatible con HTML | Las propiedades reproducidas 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