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:
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.$(document).ready(function(){ var timer; $(document).mousemove(function() { if (timer) { clearTimeout(timer); timer = 0; } $('div').fadeIn(); timer = setTimeout(function() { $('div').fadeOut("slow"); }, 3000); }); });
¿Alguna solución?