La propiedad Video seekable se utiliza para devolver un objeto TimeRanges . El objeto TimeRanges se usa para representar los rangos del video que están disponibles para que el usuario los busque.
El intervalo de tiempo de vídeo que está disponible para la búsqueda, es decir, mover la posición de reproducción, se denomina intervalo de búsqueda.
A menudo, es posible buscar en cualquier parte del video incluso antes de que se haya almacenado en el búfer si se trata de un video que no se transmite.
La propiedad de búsqueda Video es una propiedad de solo lectura.
Los rangos de tiempo de las propiedades del objeto 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 utiliza para obtener la posición final de un rango jugado
Sintaxis:
videoObject.seekable
El siguiente programa ilustra la propiedad de búsqueda de video.
Ejemplo: Obtener el primer rango buscable del video en segundos.
<!DOCTYPE html>
<html>
<head>
<title>
Video seekable Property
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact">
Video seekable 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 seeable range of the video,
double click the "Return Range" button.</p>
<button ondblclick="My_Video()"
type="button">
Return Range
</button>
<p id="test"></p>
<script>
function My_Video() {
var v = document.getElementById("Test_Video");
document.getElementById("test").innerHTML =
"Start Point: " + v.seekable.start(0) +
" End Point: " + v.seekable.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: Los navegadores compatibles con HTML | Las propiedades buscables 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