Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/07/2012, 07:11
Wolfchamane
 
Fecha de Ingreso: junio-2008
Ubicación: Madrid
Mensajes: 73
Antigüedad: 15 años, 11 meses
Puntos: 1
Pregunta faceOut mousemove

Estoy intentando hacer una cosa que a priorí parece sencilla.
Tengo una estructura web con diversos divs posicionados en CSS mediante ids y clases.

En un cierto momento, al hacer click sobre un icono cargo un vídeo de YouTube que inserto en la web dentro de un div.
Perfecto.

Lo que quiero conseguir es que todos los divs se oculten mientras el vídeo esta corriendo.

Para ello, usando jQuery, consigo ocultar todos los divs a los 3 segundos
Código:
$(document).ready(function(){
  var timer;
  $(document).mousemove(function() {
      if (timer) {
          clearTimeout(timer);
          timer = 0;
      }
  
      $('div').fadeIn();
      timer = setTimeout(function() {
          $('div').fadeOut("slow");
      }, 3000);
  });
});
Pero cuándo le doy al play en el vídeo y se ocultan los divs, al instante parece detectar un movimiento de ratón -que no existe- y los divs vuelven a verse, produciendo un efecto de parpadeo.

¿Alguna solución?