¿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.



Visitantes llegan a esta pagina buscando:
  • flash fullscreen as2
  • como hacer un flash fullscreen en html
  • flash pantalla completa

  • pantalla completa flash

  • flash a pantalla completa
28 Comentarios en ¿Como hacer que tu Flash aparesca en pantalla completa?
  1. gaston dice:

    es posible que suban un ejemplo en .fla????
    de antemano graciassss

  2. ArteGami dice:

    Intentare recordarlo, para subir el ejemplo hoy mismo.
    Salu2

  3. andy dice:

    ¿y no se puede hacer con action script normal (no 2.0)
    ?

  4. hernan dice:

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

  5. ArteGami dice:

    Hola Hernan,
    Acabo de postear un articulo al respecto. Espero responda todas tus inquietudes, cualquier otra consulta no dudes en notificarme. Realizar un autorun en Flash con Presentacion en Pantalla completa

    salu2

  6. Mijail dice:

    ..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.

  7. ArteGami dice:

    Lo tienes que poner en la Escena principal, en el primer fotograma.

    salu2

  8. Mijail dice:

    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.

  9. ArteGami dice:

    La verdad es que no estoy segura de lo que me estas pregunto. Pero supongo que experimentando tu mismo te podras dar cuenta.

    salu2

  10. Raulxiempre dice:

    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

  11. Perxeo dice:

    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.

  12. Perxeo dice:

    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…

  13. edumusics dice:

    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?

  14. Mauricio dice:

    Un gran aporte me has sacado de tremendo problema,

  15. Jose Carlos dice:

    Hola, podrian colocar un .fla de ejemplo?
    Gracias de antemano

  16. ArteGami dice:

    Voy a ver si creo otro post con un ejemplo ilustrado… Intentare hacer esto el fin de semana

  17. Veronica dice:

    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.

  18. ArteGami dice:

    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

  19. erich dice:

    que paso amigo, vas a subir el zip con el ejemplo???

  20. Kevin dice:

    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.

  21. ArteGami dice:

    Los codigos van en el mismo flash, en el primer frame

  22. david dice:

    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

  23. HDK dice:

    Wow muy bien explicado amigo, simple, sencillo y funcional.

  24. nagualtonal dice:

    un gran aporte te felicito, muchas gracias

  25. 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.

  26. tecmobeto dice:

    gracias me sirvio mucho

    saludos..

  27. Mario dice:

    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.