Comunidad de diseño web y desarrollo en internet online

Reproducir video html5 al pasar por esa sección

Citar            
MensajeEscrito el 13 Sep 2015 06:44 pm
Hola, tengo un video en mi web utilizando la etiqueta video de html5 pero estoy buscando algun codigo que me permita reproducir el video cuando el usuario haga scroll y llegue a la seccion donde se encuentra dicho video, que comience a reproducirse de forma automatica y cuando ya pase esa seccion pues que haga stop y asi, cada vez que el usuario se desplace por la pagina y llegue a esa seccion pues que el video empiece a reproducirse de forma automatica o que continue la reproduccion donde se quedó en ese momento, alguna idea de como se puede lograr esto.?? El video inicialmente se encuentra en stop.

Por rey83

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Sep 2015 12:19 pm
Pues con JavaScript. El elemento <video> en el DOM tiene el método play() y stop() justamente para eso.

Por DriverOp

Claber

2510 de clabLevel



 

chrome
Citar            
MensajeEscrito el 14 Sep 2015 02:45 pm
pero como detecto cuando se pase por esa seccion..?

Por rey83

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 15 Sep 2015 12:09 pm
El objeto window del DOM tiene un evento onscroll que se dispara cuando se hace scroll en la ventana. Cada elemento del DOM tiene una propiedad scrollTop que almacena a cuántos píxeles de altura está.

Con esos dos datos puedes hacer lo que quieres.

Por DriverOp

Claber

2510 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.