html5 video - reproducir - buscar un punto en el video html5

video html5 autoplay

Question

¿Es posible buscar un punto en particular en el html5 video muestra en una página web? Quiero decir, ¿puedo ingresar un valor de tiempo particular (digamos 01:20:30:045 ) y hacer que el control del jugador (control deslizante) se mueva a ese punto y juegue desde ese punto en adelante?

En la versión anterior de mozilla vlcplugin , creo que esto es posible mediante el seek(seconds,is_relative) pero me gustaría saber si esto es posible en el video html.

Editar:

Creé la página con video y agregué javascript como se muestra a continuación. Cuando hago clic en el enlace, muestra el tiempo de clic ... pero no incrementa la ubicación de reproducción ... pero continúa reproduciéndose normalmente.

¿No debería cambiarse la ubicación de reproducción de video?

html

<video id="vid" width="640" height="360" controls>
<source src="/myvid/test.mp4" type="video/mp4" />
</video>
<a id="gettime" href="#">time</a>
<p>
you clicked at:<span id="showtime"> </span>
</p>

javascript

$(document).ready(function(){
var player = $(''#vid'').get(0);
$(''#gettime'').click(function(){
if(player){
current_time=player.currentTime;
$(''#showtime'').html(current_time+" seconds");
player.currentTime=current_time+10;
}
});
}
);

Answer 1

Desafortunadamente parece que con algunos elementos de la película se comporta de manera diferente a otros. Por ejemplo, con un video_elemento de amazon, parece que debe llamar a pausa antes de poder buscar en cualquier lugar, luego llamar a play. Sin embargo, si llama a la reproducción "demasiado rápido" después de configurar la currentTime , no se mantendrá. Impar.

Aquí está mi trabajo actual en torno a:

function seekToTime(ts) {
// try and avoid pauses after seeking
video_element.pause();
video_element.currentTime = ts; // if this is far enough away from current, it implies a "play" call as well...oddly. I mean seriously that is junk.
// however if it close enough, then we need to call play manually
// some shenanigans to try and work around this:
var timer = setInterval(function() {
if (video_element.paused && video_element.readyState ==4 || !video_element.paused) {
video_element.play();
clearInterval(timer);
}
}, 50);
}

Answer 2

Puedes usar v.currentTime = seconds; Buscar una posición dada.

Referencia: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime