¿Como hacer que tu Flash aparesca en pantalla completa?

Gracias a unjimpe he podido ilustrarme un poco más acerca de esto. Ya que sólo conocia el actionscript utilizado en la versión 2, pero desconocia totalmente el que se utiliza en la version 3 del actionscript y la del HTML.

Copio textualmente el tutorial de como hacer que tu Flash aparesca en pantalla completa o fullscreen
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” />

  6. </object>

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”);

  5. </script>

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.

Loading Facebook Comments ...

28 Comentarios en “¿Como hacer que tu Flash aparesca en pantalla completa?

  1. hola por favor quiero saber como puedo ralizar un autorun con flash, con presentacion en pantalla completa, gracias see amable.

  2. ..Hola amigos…

    Una cosa, cómo y donde se pone el AS??.. es decir, tengo el: Stage.displayState = “fullscreen”, pero donde lo pongo??.. Lo pregunto pq tengo mi site hecho en Flash, q me lo hizo un conocido y me gustaría q se adaptara al área visual del navegador…

    Gracias.

  3. Ok, gracias amigo!!!…. Y una cosa, ésto permite q se adapte al área de visualización sin problemas?.. Es decir, se reduce o crece si amplio o reduzco el navegador por su borde?…como normalmente agrandamos o reducimos el navegador?

    Gracias.

  4. y como le hago para que se ajuste a diferentes resoluciones sin que aparesca boerdes una vez maximizado a pantalla completa?
    gracias por la respuesta

  5. Lo de que se restrinjan determinadas funcionalidades de flash (escribir en campos de texto, mousedown y otras…) en modo full-screen, es una cuestión de seguridad. Imaginemos por un momento alguien que emula la pantalla de entrada de una web de banco a pantalla completa, y nos pide unas claves…. Mucha gente picaria y el fraude estaría asegurado. Es una cuestión de seguridad.

  6. Para ajustar algo a pantalla completa segun las resoluciones, debes usar las propiedades Stage.width y Stage.height y establecer relaciones entre las posiciones de las cosas en la pantalla y estas medidas que te digo. Tienes que intentar agrupar los elementos de la web lo más posible o sino tendrás que hacer muchas operaciones…

  7. Tengo un problema que me tiene vuelto loco… Hice el Stage para dar pantalla completa a mi falsh y todo resulta bien… aparece mi documento centrado y el fondo se expande por toda la pantalla. mi problema es el siguiente… cuando coloco en en navegador… Actualizar o F5… el flash vuelte a su estado normal y pierde el efecto. hasta que ajusto la ventana del navegador o hasta que abra el documento otra vez… ¿QUE PUEDO HACER PARA QUE ESO NO OCURRA?

  8. Hola podrian poner un fla? coloque en mi documento la propiedad explicada y no me lo toma. Que tengo que poner en el html que contiene el swf? no me quedo claro. Desde ya muchas gracias.

  9. Esta funcion que pusismos solo funcion cuando lo ejecutas desde un .exe
    NO haciendo test movie… pero pronto subire un .fla para qeu lo puedas ver mas claro.

    Saludos

  10. no esta muy claro, al menos para los que no sabemos mucho de flash, donde es que van esos codigos? el de html? va en el head, pero del index? gracias igualmente pero si tu no lo has probado bien de poco sirve.

  11. Porque, cuando esta en el modo de pantalla completa, no se puede ingresar datos en un textinput, pero en modo normal, si acepta ingresar datos, alquien me puede decir como podria ingresar los datos en modo “fullscreen” usando ActionScript 3.0

  12. Buenas Tardes:

    Tengo mi sitio web con carga por Niveles “levels”…sólo que no se como integrar el modo fullscreen

    veo que das el codigo para AS2 Stage.displayState = “fullscreen”;

    EN ESTE CASO de carga por niveles como puedo colocarlo?

    quisiera ver la posibilidad de colocarlo en un botoncito y que el usuario la active y desactive a su gusto!!

    gracias.

  13. Excelente explicación!! Funciona perfecto, solo hay que seleccionar el primer fotograma, ingresar el código, CON MUCHO CUIDADO!!!, cualquier error de dedo lo hecha a perder y LISTO!!! Gracias.

Comentarios cerrados.