La propiedad Video buffered se utiliza para devolver un objeto TimeRanges . Los rangos almacenados en búfer del video del usuario se pueden representar mediante el objeto TimeRanges.
El rango de tiempo de un video almacenado en búfer está definido por el rango almacenado en búfer y si el usuario salta el video, puede resultar en varios rangos almacenados en búfer.
Sintaxis:
videoObject.buffered
El siguiente programa ilustra la propiedad del video almacenado en búfer:
Ejemplo-1: Obtener el primer rango almacenado en búfer del video en segundos.
<!DOCTYPE html>
<html>
<head>
<title>
Video buffered Property in HTML
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h2>
Video buffered Property
</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls autoplay>
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>
To know whether autoplay is enabled
or not, double click the
"Return Buffered Range" button.
</p>
<button ondblclick="My_Video()">
Return Buffered Range
</button>
<p id="test"></p>
<script>
function My_Video() {
var v = document.getElementById("Test_Video");
document.getElementById("test").innerHTML =
"Start Time : " + v.buffered.start(0) +
" End Time: " + v.buffered.end(0);
}
</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 almacenadas en búfer de DOM Video 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