Foros del Web » Creando para Internet » Diseño web »

Cómo poner un video de fondo a pantalla completa

Estas en el tema de Cómo poner un video de fondo a pantalla completa en el foro de Diseño web en Foros del Web. Encontré esta página y me sorprendió el efecto del video (o GIF) que corre a pantalla completa y encima de él aparece el menú de ...
  #1 (permalink)  
Antiguo 31/10/2014, 01:44
 
Fecha de Ingreso: agosto-2010
Ubicación: Lima
Mensajes: 19
Antigüedad: 13 años, 8 meses
Puntos: 1
Pregunta Cómo poner un video de fondo a pantalla completa

Encontré esta página y me sorprendió el efecto del video (o GIF) que corre a pantalla completa y encima de él aparece el menú de navegación; y no sólo eso sino que al hacer mouseover sobre cada enlace se cargan diferentes fotos debajo y a pantalla completa también.
Esta es la página:
http://www.pacorabanne.com/invictus/home/#!/home/

¿Alguien sabe cómo se consigue este efecto?

Última edición por YsraelM; 31/10/2014 a las 01:57
  #2 (permalink)  
Antiguo 31/10/2014, 12:06
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años, 1 mes
Puntos: 1329
Respuesta: Cómo poner un video de fondo a pantalla completa

Hay que gogglear más.

http://dfcb.github.io/BigVideo.js/
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 31/10/2014, 14:54
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 1 mes
Puntos: 14
Respuesta: Cómo poner un video de fondo a pantalla completa

Ni siquiera hace falta plugin, se puede hacer puramente con css y video en html5
  #4 (permalink)  
Antiguo 31/10/2014, 19:50
 
Fecha de Ingreso: agosto-2010
Ubicación: Lima
Mensajes: 19
Antigüedad: 13 años, 8 meses
Puntos: 1
De acuerdo Respuesta: Cómo poner un video de fondo a pantalla completa

Cita:
Iniciado por Carlangueitor Ver Mensaje
Hay que gogglear más.

[url]http://dfcb.github.io/BigVideo.js/[/url]
Muchas gracias Carlangueitor.
No crea, yo siempre busco pero, tienes razón, debí seguir buscando más; aunque no sabía exactamente qué buscar :(

Eres muy amable, gracias de nuevo.
  #5 (permalink)  
Antiguo 31/10/2014, 19:54
 
Fecha de Ingreso: agosto-2010
Ubicación: Lima
Mensajes: 19
Antigüedad: 13 años, 8 meses
Puntos: 1
Pregunta Respuesta: Cómo poner un video de fondo a pantalla completa

Cita:
Iniciado por Mariano_Floyd Ver Mensaje
Ni siquiera hace falta plugin, se puede hacer puramente con css y video en html5
Gracias Mariano_Floyd.
Pero ¿se puede insertar un video como Background en el body?
Porque la idea es que sea también Responsive.
  #6 (permalink)  
Antiguo 01/11/2014, 09:30
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 1 mes
Puntos: 14
Respuesta: Cómo poner un video de fondo a pantalla completa

Si se puede hacer, lo que si no lo vas a insertar como propiedad en el css, si no que lo opnes en el html y usas esa capa como el fondo. Yo lo hice hace un tiempo para una web. De todos modos hay muchos tutoriales en internet, aqui hay uno: http://demosthenes.info/blog/777/Cre...ckground-Video

Etiquetas: css3, efectos, html5, javascript, jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:34.