Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/05/2013, 03:32
Valkirios
 
Fecha de Ingreso: julio-2011
Mensajes: 17
Antigüedad: 12 años, 10 meses
Puntos: 0
Modificar parametros video HTML5

Muy buenas a todos los foreros!
Me ha surgido el siguiente problema:

Debo de crear un scrip en jquery que cuando el usuario haga scroll en la pantalla hacia abajo un video de html5 avance sus frames. Cuando se deje de hacer el scroll se pare, y cuando el usuario haga scroll hacia arriba, el video se revovine, es decir, vaya hacia atras.

He conseguido que el video se reproduzca cuando el usuario haga scroll y cuando deje de hacer scroll que dejede reproducirse mediante el siguiente código:

(se que existirá una mejor forma de hacerlo, seguro)

$(window).scroll(function () {
$(".video").get(0).play();
$(".video").get(0).pause();
}

Pero ahora no se hacer para que el usuario, al mover el scroll hacia arriba, haga que el video retroceda en el tiempo.

Sé que lo ideal sería que en la parte en la que se vea el video, se quedase bloqueada la pantalla durante unos segundos (los que duren el video), tal y como sucede con los efectos del plugin "Scrollorama".

Espero haberme explicado bien y que podais echarme una mano, por que sinceramente ando bastante perdido.

Un saludo y muchas gracias de antemano!