Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/09/2015, 01:11
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Reproducir video html5 al pasar por esa sección

Necesitas comprobar dos cosas: que la cantidad de píxeles desplazados por la barra sea mayor o igual a la diferencia entre la distancia del tope del elemento hasta la parte superior del documento menos la altura de la parte visible del documento y que la suma de la cantidad de píxeles desplazados por la barra más la altura de la parte visible del documento sea menor o igual que la distancia del tope del elemento hasta la parte superior del documento más la altura del elemento.

Código Javascript:
Ver original
  1. window.addEventListener("scroll", function(){
  2.     if (this.scrollY >= seccion.offsetTop - document.documentElement.clientHeight &&
  3.         this.scrollY + document.documentElement.clientHeight <= seccion.offsetHeight + seccion.offsetTop){
  4.         video.play();
  5.     }
  6.     else{
  7.         video.pause();
  8.     }
  9. }, false);

Un saludo
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand