Fullscreen en Flash

Desde la versión 9 del Flash Player ya se tiene la posibilidad de realizar fullscreen de películas flash de manera transparente sin necesidad de utilizar javascript u otros artificios. Esta es una de las nuevas características de flash que facilitan el desarrollo de nuevas aplicaciones interactivas.

ActionScript 2.0

Si utilizas AS2 ahora esta disponible una nueva propiedad llamada: Stage.displayState el cual tiene dos posibles valores (fullscreen y normal) con los cuales podemos controlar los estados del modo de visualización del movie. Luego tendremos:

  1. // Cambiar a pantalla completa
  2. Stage.displayState = "fullscreen";
  3. // Cambiar a pantalla normal
  4. Stage.displayState = "normal";

De esta forma puedes crear un botón que en el evento onRelease llame a uno de estas opciones, asi de sencillo de utilizar.

ActionScript 3.0

En el caso de utilizar AS3 es semejante el uso, solo que en este caso la propiedad es llamada: flash.display.Stage.displayState el cual tiene dos opciones: StageDisplayState.FULL_SCREEN y StageDisplayState.NORMAL, luego si deseamos hacer uso de esta opción en AS3 tendremos:

  1. // importamos las clases necesarias
  2. import flash.display.Stage;
  3. import flash.display.StageDisplayState;
  4.  
  5. // Cambiar a pantalla completa
  6. stage.displayState = StageDisplayState.FULL_SCREEN;
  7. // Cambiar a pantalla normal
  8. stage.displayState = StageDisplayState.NORMAL;

HTML para modo fullscreen

Para hacer uso de esta nueva propiedad es necesario agregar un nuevo parámetro llamado allowFullScreen el cual tiene dos opciones true o false para permitir o no el acceso al fullscreen. Entonces si utilizamos em metodo embed el código sería de la forma:

  1. <object width="50"  height="50" id="movie">
  2. <param name="allowFullScreen" value="true" />
  3. <param name="movie" value="mov.swf" />
  4. <embed src="mov.swf" allowFullScreen="true"
  5. width="50" height="50" name="movie" />

Ahora si utilizamos SWFObject para insertar flash el código sería de la forma:

  1. <script type="text/javascript">
  2. var so = new SWFObject("mov.swf", "id", "50", "50", "8", "#fff");
  3. so.addParam("allowFullScreen", "true");
  4. so.write("movie");

Hay una observación final y es que los evento asociados al teclado (onKeyDown, etc) así como los campos de texto editables se deshabilitan en el modo fullscreen, la verdad no se con que objetivo pero es una de las restricciones.

Comentarios Total 64 comentarios


Gero
Publicado: 11/03/2010 5:30 pm

Mucha mejor si suban el fla para los ke les funciono xke si sta de las pupis star adivinando. :( Gracias

Gero
Publicado: 11/03/2010 5:41 pm

Amigos encontre lo que necesitamos en esta pagina. Espero que no me borren mi commento, como diria mi madre “tienen suerte los webones” ajajajajajaja pero no espor weba, es por falta de conocimiento :D y falta de pisto pa meterme a un curso ajajajajajaj

http://www.bezzmedia.com/swfspot/tutorials/flash8/True_Fullscreen_Flash_Mode

Escribanto
Publicado: 31/03/2010 2:24 am

Mil gracias Gero, estoy de acuerdo contigo que mejor subieran el FLA porque uno como novato está del nabo entender esto que “está en chino”.

arturo
Publicado: 06/06/2010 3:53 pm

hola…………
un favor muy grande..ok
yo recien ejtoy aprendiendo de todoj ejtoj codigos pa hotmail
hace 2 dias atras. y lo veo muy interesante. nesecito ayuda¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡
ME LO PUEDEN DAR EN EJEMPLO CON EL NOMBRE DE ESTE VIDEO: DOCTORADO.MPG
tengo un video en html, kiero ke aparesca aunke sea un boton pa poner el video en pantalla completa, komo el ke tienen los videos de you tube.
y lo mas importante komo lanzo mi documento html ala web o internet??????????????
conectense a mi correo si me pueden ayudar: tu_amorzaso._17@hotmail.com
ke les vaya muy bien en sus trabajos……. GRACIAS POR ESCUCHARME.

silvina
Publicado: 02/08/2010 10:22 pm

gracias!! soy muy nueva en esto y realmente me sirvió!!
La forma en que funcionó el fullscreen en el .exe que yo estoy haciendo es como puso Roberti Rivas, gracias!!
el único problema que me quedo, es que dentro del mismo archivo tengo galerias de fotos que deberían ampliarse a toda la pantalla, pero al hacer click en el botón, se amplia el archivo en general, no la galería.
espero alguien me pueda ayudar, porque no entiendo mucho, casi nada.
desde ya, GRACIAS DE NUEVO!

unijimpe
Publicado: 02/08/2010 11:42 pm

Silvina, prueba con la propiedad Stage.scaleMode el cual indica como se escalará el contenido del flash y tambén puedes utilizar la propiedad Stage.align como se alieará el contenido.

Por ejemplo, puedes probar con:

Stage.scaleMode = "showAll";
Stage.align = "T";

Para mayor información puedes leer: ActionScript classes > Stage

martin
Publicado: 31/08/2010 10:02 am

Hola!
Gracias por este codigo, me fue muy muy util… el unico problemita q tengo es q me funciona en Explorer y en Firefox no… tiene alguna solucion esto? muchas gracias amigos

nicolas
Publicado: 17/09/2010 9:51 pm

tengo una consulta soy nuevo en esto mira quiero poner un video swf en mi web , la idea es que me tire el full screen pero con los skins predeterminados que tiene cs4. pero el problema es que cuando le doy al boton fullscreen del skin predeterminado va a fullscreen pero no toda la pantalla te lo resumo:

video swf con skins predeterminados (seria el FLVPlayback)

(AS 3)
import flash.display.StageDisplayState;

// Cambiar a pantalla completa
stage.displayState = StageDisplayState.FULL_SCREEN;
// Cambiar a pantalla normal
stage.displayState = StageDisplayState.NORMAL;

y en HTML
con los siguientes parametros: allowFullScreen con la opción true

el problema te repito es que no me tira el full screen completo me tira el video por la mitad de la pantalla o menos si me podrias ayudar y decir como lo soluciono o si me olvido de todo y lo hago de la manera correcta
gracias y a la espera d la respuesta saludos!

level
Publicado: 01/10/2010 11:15 am

Probé el fullscreen y funciona…

paulo
Publicado: 18/12/2010 6:28 am

Hola, necesito poder llenar planillas en fullscreen, alguien sabe algún código salvador, saludos!

negocios
Publicado: 28/02/2011 8:11 pm

realmente buen blog, y buenos tips, muy recomendable y felicitaciones

Mao Zamnbrano
Publicado: 07/02/2012 1:58 pm

Mira tengo un problema tengo mi swf ya con el full screen pero al publicarlo ya todo sale bien solo en los videos no se me cargan me sale la pantalla negra y si aplasto la tecla esc me sale pamntalla normal y se cuelga y no racciona esta hecho en flash cs4 con action scrip 3.0 y el codigo de full sreen es:
import flash.display.Stage;
import flash.display.StageDisplayState;
stage.displayState = StageDisplayState.FULL_SCREEN;
creo que esta todo bien solo al momento de dar clip en iun boton de video para que estos mismos salgan me sale lo antes mencionado espero una ayuda es urgente si lo necesito lo mas pronto tengo que presentar mañana a las 9:00 de Ecuador
Gracias por su atención


[…] textos para el inputs. Alguien sabe a que se debe y como solucionarlo? Me guié de este enlace: http://blog.unijimpe.net/fullscreen-en-flash/ Muchas gracias como […]

damian
Publicado: 20/11/2015 8:51 am

Necesitaria saber si hay alguna manera de al momento de dar play automaticamente se activa el fullscream.. Muchas gracias

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)