¿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:
-
// Cambiar a pantalla completa
-
Stage.displayState = “fullscreen”;
-
// Cambiar a pantalla normal
-
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:
-
// importamos las clases necesarias
-
import flash.display.Stage;
-
import flash.display.StageDisplayState;
-
-
// Cambiar a pantalla completa
-
stage.displayState = StageDisplayState.FULL_SCREEN;
-
// Cambiar a pantalla normal
-
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:
-
<object width=“50″ height=“50″ id=“movie”>
-
<param name=“allowFullScreen” value=“true” />
-
<param name=“movie” value=“mov.swf” />
-
<embed src=“mov.swf” allowFullScreen=“true”
-
width=“50″ height=“50″ name=“movie” />
-
</object>
Ahora si utilizamos SWFObject para insertar flash el código sería de la forma:
-
<script type=“text/javascript”>
-
var so = new SWFObject(“mov.swf”, “id”, “50″, “50″, “8″, “#fff”);
-
so.addParam(“allowFullScreen”, “true”);
-
so.write(“movie”);
-
</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.
También puedes leer...



17 Responses to “¿Como hacer que tu Flash aparesca en pantalla completa?”
By gaston on Aug 8, 2007 | Reply
es posible que suban un ejemplo en .fla????
de antemano graciassss
By ArteGami on Aug 8, 2007 | Reply
Intentare recordarlo, para subir el ejemplo hoy mismo.
Salu2
By andy on Sep 21, 2007 | Reply
¿y no se puede hacer con action script normal (no 2.0)
?
By hernan on Nov 26, 2007 | Reply
hola por favor quiero saber como puedo ralizar un autorun con flash, con presentacion en pantalla completa, gracias see amable.
By ArteGami on Nov 27, 2007 | Reply
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
By Mijail on Feb 11, 2008 | Reply
..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.
By ArteGami on Feb 11, 2008 | Reply
Lo tienes que poner en la Escena principal, en el primer fotograma.
salu2
By Mijail on Feb 11, 2008 | Reply
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.
By ArteGami on Feb 11, 2008 | Reply
La verdad es que no estoy segura de lo que me estas pregunto. Pero supongo que experimentando tu mismo te podras dar cuenta.
salu2
By Raulxiempre on Jun 12, 2008 | Reply
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
By Perxeo on Sep 8, 2008 | Reply
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.
By Perxeo on Sep 8, 2008 | Reply
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…
By edumusics on Dec 28, 2008 | Reply
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?
By Mauricio on Jul 9, 2009 | Reply
Un gran aporte me has sacado de tremendo problema,
By lush on Jul 19, 2009 | Reply
excelente!
By Jose Carlos on Feb 19, 2010 | Reply
Hola, podrian colocar un .fla de ejemplo?
Gracias de antemano
By ArteGami on Feb 19, 2010 | Reply
Voy a ver si creo otro post con un ejemplo ilustrado… Intentare hacer esto el fin de semana