Comunidad de diseño web y desarrollo en internet online

Vídeo en web a pantalla completa y bucle

Citar            
MensajeEscrito el 17 Sep 2008 09:33 am
Hola!
Estoy rehaciendo una web, y tengo insertado como fondo un vídeo en FLV.
Lo que quiero conseguir es aumentar el tamaño del vídeo, y también que éste se repita indefinidamente.
Dura aproximadamente 9 segundos...
Espero que podáis ayudarme! :)

Un saludo! Graciñas. ^^

Por hktr

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Sep 2008 09:54 am
De que manera estás cargando el video FLV?

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 17 Sep 2008 10:03 am
El vídeo lo tengo en la librería. Es un archivo FLV externo en una carpeta. :)

Por hktr

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Sep 2008 03:13 pm
Postea el código que utilizas para situarlo en la escena y para leer el video

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 17 Sep 2008 04:08 pm
No tengo codigo en el vídeo. Simplemente es un layer donde lo tengo situado.
Un saludo. :(

Por hktr

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Sep 2008 04:59 pm
Entonces es un componente FLVPlayBack en la escena? Y a este le pones la referencia a tu video FLV?
Debes explicar con lujos de detalles como lo tienes hecho sino no puedo aconsejarte que debes hacer.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 18 Sep 2008 07:50 am
Si, es un FLVPlayBack. Siento no poner demasiadas explicaciones, es la primera vez que importo un vídeo a Flash :( , y me cuesta bastante... Pero es un FLVPlayBack, sí. Y encima del vídeo tengo un PNG en una capa.
Lo que quería hacer es algo así, http://www.nectarestudio.com/

Por hktr

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Sep 2008 03:31 pm
He estado rebuscando y creo que estoy haciendo algo mal :? ... Lo que hago es importar el vídeo en FLV desde una carpeta local. Estuve mirando en tutoriales por ahí, y he visto que algunos dicen de que en la ventana de library tengo que darle a NEW VIDEO... y no se que historias.... La verdad es que me haría falta una explicación buena desde el principio hasta el final, de como poner un vídeo de fondo de una web, que se repitiera constantemente y saber como aumentarle tamaño. Agradecería vuestra ayuda. Gracias también a Elchininet por su interés.

Un cordial saludo.
Espero vuestras respuestas.

Por hktr

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Sep 2008 03:52 pm
Son dos formas diferentes de inserar un video, como no conoces mucho del tema, la mejor via es que utilices el componente FLVPlayBack situado en la escena como lo tienes ahora.

Para darle medidas al componente del tamaño de la pantalla, suponiendo que el nombre de instancia de este sea "myVideo" sería así:

En el inicio de la película:

Código ActionScript :

//---Alinear la escena arriba a la izquierda
Stage.align = "TL";
Stage.scaleMode = "noScale";


Cuando quieras que el video se ponga a pantalla completa:

Código ActionScript :

//---Mover el video a 0, 0 y con las dimensiones de la pantalla
myVideo._x = 0;
myVideo._y = 0;
myVideo.setSize(Stage.width, Stage.height);


Para que se reproduzca sin parar:

Código ActionScript :

var listener:Object = new Object();

listener.complete = function(eventObject):Void{

   myVideo.play();
   
}

myVideo.addEventListener("complete", listener);

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 19 Sep 2008 09:12 am
Elchininet, muchas gracias por tu ayuda, pero prefería hacerlo bien desde el principio, sabiendo como hacer el trabajo bien hecho, y desde un archivo FLV que tengo en la carpeta. Si me puedes poner un pequeño tutorial desde poner el vídeo, hasta el final de escalarlo(aunque quiero que siempre esté a un tamaño determinado desde el principio), y hacer que se repita infinitamente.
Agradecería un mini tutorial, y gracias por lo que me has puesto aquí.
Un saludo.

Por hktr

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Sep 2008 12:08 pm
Lo primero ya lo tienes hecho me dijiste anteriormente.
Tienes en la escena el FLV playback y en sus propiedades has puesto el path al video FLV que tienes en la carpeta?

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 19 Sep 2008 12:25 pm
Sí, eso lo tengo hecho ya. tengo el FLVPlayBack en la library, direccionado al video.flv que tengo en una carpeta.

Por hktr

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Sep 2008 12:56 pm
Entonces solo te faltan los códigos que te he pusto anteriormente.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 19 Sep 2008 01:12 pm
Pero no me funcionan esos códigos... No entiendo. Tengo que poner el actionscript en acciones de layer? O en otro sitio?

Por hktr

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 19 Sep 2008 02:49 pm
Todos los códigos son para poner en el frame.
El primero como dice el comentario de encima es para poner en el inicio de la película, lo que hará es que tu flash no se pueda escalar y que se alinee a la parte izquierda suprior.

El segundo lo debes llamar cuando quieras que el video se ponga al tamaño de la pantalla, no se si lo haces desde un botón o desde un evento eso lo debes saber tu.

Y el tercero va en el frame, es el que se encarga de que la película comience otra vez al llegar al final.

Las funciones están trabajando con un nombre de instancia "myVideo", porque no sé que nombre de instancia tiene tu componente, depende del nombre que tenga debes cambiar las funciones con el nombre de instancia correcto.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox
Citar            
MensajeEscrito el 19 Sep 2008 03:34 pm
Muchas gracias Elchininet. Probaré tus consejos. Un saludo.

Por hktr

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Ago 2010 09:42 pm
Hola presisamente con un problema asi me presento, lo que es que estoy haciendo una página en flash con un background como video... el cual mi lienzo es de 1024x768px y el video lo importe y lo puse al tamaño del lienzo, ahora te muestro mi código que tengo en el primer fotograma:

Código ActionScript :

Stage.scaleMode="noScale";
Stage.align="TL";
// Función para posicionar los objetos
resizeStage=function(){
   arriba_mc._x=Stage.width/2;
   arriba_mc._y=5;
   abajo_mc._x=Stage.width/2;
   abajo_mc._y=Stage.height-5;
   der_mc._x=Stage.width-5;
   der_mc._y=Stage.height/2;
   izq_mc._x=5;
   izq_mc._y=Stage.height/2;
   centro_mc._x=Stage.width/2;
   centro_mc._y=Stage.height/2;
}
// Listener que llamamos cada vez que cambia el tamaño
stageResizer=new Object();
stageResizer.onResize=function(){
   resizeStage()
}
Stage.addListener(stageResizer);



Ahora en donde tendría que meter el video en el movie clip centro_mc? y dentro de ese movieclip colocar el código que mencionas? por que le problema que tengo que este sitio tiene que estar optimo para resoluciones mayores de 1280x800px. te agradecería un poco de de tu ayuda, saludos.

Por vitaminade

22 de clabLevel



 

firefox
Citar            
MensajeEscrito el 17 Ago 2010 12:01 pm
vitaminade, si importaste el video y lo situaste en la escena (te recomendaría que lo leyeras como streaming), sólo varía sus dimensiones como mismo haces con los MovieClips dentro de la función resizeStage.

Por elchininet

Claber

3921 de clabLevel

17 tutoriales

Genero:Masculino  

Front-end developer at Booking.com

firefox

 

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