Foros del Web » Creando para Internet » HTML »

Vídeo de fondo sin Flash

Estas en el tema de Vídeo de fondo sin Flash en el foro de HTML en Foros del Web. Muy buenas. Quiero hacer una web similar a ésta: http://www.hellosuperheroes.nl/ La idea es que haya un vídeo de fondo, pero como quiero que se adapte ...
  #1 (permalink)  
Antiguo 14/12/2010, 06:48
 
Fecha de Ingreso: diciembre-2010
Mensajes: 51
Antigüedad: 7 años
Puntos: 9
Vídeo de fondo sin Flash

Muy buenas. Quiero hacer una web similar a ésta: http://www.hellosuperheroes.nl/
La idea es que haya un vídeo de fondo, pero como quiero que se adapte también al iPad/iPhone etc, me gustaría que no fuera en Flash. ¿Alguna idea de cómo podría hacerlo? Muchas gracias y saludos.
  #2 (permalink)  
Antiguo 14/12/2010, 09:24
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Vídeo de fondo sin Flash

Este artículo está en inglés, pro es de lo mejor que vas a poder encontrar

http://diveintohtml5.org/video.html


Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 16/12/2010, 13:54
 
Fecha de Ingreso: diciembre-2010
Mensajes: 51
Antigüedad: 7 años
Puntos: 9
Respuesta: Vídeo de fondo sin Flash

Gracias emprear, ese libro es estupendo, pero me temo que para lo que quiero tendré que hacer uso de Javascript. El html5 no me preocupa. La verdad es que no sé por dónde enfocarlo...
  #4 (permalink)  
Antiguo 19/12/2010, 09:02
 
Fecha de Ingreso: diciembre-2010
Mensajes: 51
Antigüedad: 7 años
Puntos: 9
Exclamación Respuesta: Vídeo de fondo sin Flash

Intuyo que lo mejor es usar html5 y javascript para poder dimensionar el vídeo en fullscreen. Los botones de pausar y play tampoco sé si puede hacerse con html5 o necesitaría javascript.

Vi una web que trata de eso: http://www.html5-fullscreen-video.com/html_5_fullscreen/movie/1 Pero no lo entiendo bien... Me parece muy complejo de entender. Bueno, espero que podáis ayudarme. Como digo, lo principal de este asunto es ir aprendiendo.

Gracias y saludos.
  #5 (permalink)  
Antiguo 19/12/2010, 10:51
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Vídeo de fondo sin Flash

whitefeathers:

hay cosas e tu objetivo que no entiendo bien, poner un video a fullscreen es una cosa, ponerlo como fondo a fullscreen es otra.

Yo tenia hechas algunas pruebas con video en html5, y estuve experimentando un poco con lo de full screen.

Me parece que hasta que las cosas se decanten Flash sigue siendo lejos, la mejor opción para PC.
curiosamente en la página que pasaste la etiqueta <video> no aparece, el Doctype es
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Y usan JavaScript a lo loco... si eso es el famoso HTML5 que va a simplificar nuestra vida, mejor volver a los gifs animados.

Vi unas cuantas páginas más referidas al tema, pero no te las paso porque como decia un viejo programa de televisión, sería un "aporte más a la confusión general"

Tener que usar varios formatos, diferentes codecs, etc....

te dejo una prueba de lo que hice en

http://foros.emprear.com/html5/test-video.html
(se ve bien en Safari, asi que supongo que se podria ver bien en Ipod/Iphone

y lo que no me convence es que aunque defina el height al 100% no hay forma de evitar que haga el scroll. ( a propósito, la etiqueta video solo soporta widt y height en Pixeles.
Te aclaro que si usas IE va a usar como fuente el flash

Y en Crhome... se cuelga, al menos en el mio

Te dejo tambien un ejemplo de Flash a full screen, que no se cuelga y se ve en todos lod navegadores.

http://foros.emprear.com/flash/tac.html

Ojo que los videos son de poca calidad

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 19/12/2010, 11:48
 
Fecha de Ingreso: diciembre-2010
Mensajes: 51
Antigüedad: 7 años
Puntos: 9
Respuesta: Vídeo de fondo sin Flash

Bueno, con un vídeo fullscreen de fondo me refiero a la web que puse de prueba www.hellosuperheroes.nl. Lo que quiero conseguir es precisamente eso pero sin el uso de flash. Se adapta completamente al tamaño de la ventana del navegador, como puedes comprobar, y está siempre a pantalla completa, totalmente adaptada al tamaño mismo de la ventana. En el vídeo que me has mandado se ve como una barra abajo del reproductor. Lo del scroll se puede evitar con CSS, pero aún así el vídeo no se adaptaría a la ventana del navegador. Me temo que para esto... Javascript, ¿no? Pero yo no tengo ni idea de si sería programar mucho código o no, no conozco Javascript.
  #7 (permalink)  
Antiguo 19/12/2010, 12:13
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Vídeo de fondo sin Flash

whitefeathers

http://www.hellosuperheroes.nl/ usa Flash, y no solo es el video, es una aplicación que incluye el menu y demas, hecho con actionScript seguramente.
Y de tan solo 450kb. imaginate algo asi con video

Con el overflow:hidden; le arreglas lo del scroll pero tambien te corta el video y los controles, si los pones visibles.

Hace una versión para PC con Flash y otra con HTML5 para móviles


__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #8 (permalink)  
Antiguo 19/12/2010, 12:31
 
Fecha de Ingreso: diciembre-2010
Mensajes: 51
Antigüedad: 7 años
Puntos: 9
Respuesta: Vídeo de fondo sin Flash

Pues nada... A morir en el intento. Gracias.

Etiquetas: flash, fondo
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 02:20.