Hola! Estoy haciendo una web para una serie documental de unos amigos y tengo un problema con uno de las cosas que queremos hacer.
La idea es usar fragmentos de video de la serie, un loop de 3 veces cada uno y que cambie a otro. Leyendo un poco mezclé varias cosas que encontré y casi que lo tengo pero no hace todo el recorrido, sino que se saltea una parte
Les pongo el script (con los comentarios)
Código:
var max = 3; //Cantidad de veces que loopea el video
var i = 1; //Contador
var contVideo = $('#video'); //ID donde está <video>
videojs("video").on('ended', function(event) {
var numVideo = 1; //Primer video
if (i < max) // Loopeo
{
this.play();
i++;
console.log( "Loop"+i);
}
else
{
console.log( "Termino loop de numVideo"+numVideo);
//Reseteo el contador
var i = 1;
if (numVideo == 1) //Si era el 1er video, cambio al 2do y lo cargo de nuevo en <video>
{
var numVideo = 2;
console.log( "Cargo video"+numVideo);
contVideo.attr('src', 'videos/video_'+numVideo+'.webm');
contVideo.load();
}
else if (numVideo == 2) //Si era el 2dor video, cambio al 3ro y lo cargo de nuevo en <video>
{
var numVideo = 3;
console.log( "Cargo video"+numVideo);
contVideo.attr('src', 'videos/video_'+numVideo+'.webm');
contVideo.load();
}
else //Si era el 3er video, cambio al 1er y lo cargo de nuevo en <video>
{
var numVideo = 1;
console.log( "Cargo video"+numVideo);
contVideo.attr('src', 'videos/video_'+numVideo+'.webm');
contVideo.load();
}
}
});
Pueden verlo funcionando en
http://guscarracedo.com.ar/detras/
Tiene dos problemas, el primero que no hace el loop de las 3 veces, sino que lo hace solo una vez, el 2do que se queda "atascado" en el 2do video, no llega nunca al 3ro.
Alguna idea que de que estoy haciendo mal?
Gracias!