website statistics

¿Como hacer que tu Flash aparesca en pantalla completa?

Publicado por | En: Flash, HTML, Tutorial |

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.




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

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

  2. Intentare recordarlo, para subir el ejemplo hoy mismo.
    Salu2

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

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

  5. 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. ..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. Lo tienes que poner en la Escena principal, en el primer fotograma.

    salu2

  8. 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. 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 June 12, 2008

    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. 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. 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 December 28, 2008

    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 July 9, 2009

    Un gran aporte me has sacado de tremendo problema,

  15. excelente!

  16. Jose Carlos February 19, 2010

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

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

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

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

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

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

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

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

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

  25. un gran aporte te felicito, muchas gracias

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

  27. gracias me sirvio mucho

    saludos..

Envía tu comentario