Full Screen En Flash

Somos muchos los que deseamos en alguna ocasión publicar contenido Flash que pueda verse en toda la pantalla, y realmente es algo tan sencillo como llamar el siguiente código desde un botón o una función en flash:

Stage.displayState = "fullScreen";

Al mismo tiempo es muy importante que al publicar el archivo flash, el codigo del SWF inserto en el HTML tenga el parámetro de allowFullScreen con el valor de True

Con el fin de simplificarles la vida hice un demo el cual pueden bajar el código fuente, la forma en la que incluyo el SWF en el HTML es gracias a el código de SWFObject, haciéndolo más fácil de incluir, también agregue un menú contextual (el que aparece al hacer clic derecho) para que puedan ingresar o salir del modo de pantalla completa o un botón en pantalla para hacerlo, así que aquí les comparto el código fuente para que puedan hacer que su archivo flash se vea en toda esa pantalla.

Ver Demo

Descargar Archivos Fuente

27 Comentarios hasta el momento »

  1. jonny palacio dijo

    10 de December del 2008 a las 17:18

    me parecio muy bueno, es lo que buscaba gracias

  2. Sergio Caicedo dijo

    17 de December del 2008 a las 14:32

    El codigo trabaja bien en Chrome pero no trabaja en Windows Vista+IE7. Inclusive haciendo la prueba con tu ejemplo. Sera alguna cosa de seguridad de Vista? El código es muy util pero no encuentro como hacerlo trabajar en mi computadora.

  3. Sergio Caicedo dijo

    17 de December del 2008 a las 14:37

    Hay alguien con el mismo problema, no trabaja en Windows Vista + IE7? Le estoy buscando solución.

  4. admin dijo

    17 de December del 2008 a las 20:53

    El IE7 tiene problemas con el parámetro wmode al momento de estar en pantalla completa.

    SOLUCIÓN:
    cambiar el parámetro wmode a window

    wmode: ‘window’

    Próximamente estaré actualizando el fullscreen para posicionar objetos apesar del tamaño del stage.

  5. admin dijo

    17 de December del 2008 a las 21:15

    Ya está actualizado el código y el demo con el parámetro wmode en window!

  6. blanco dijo

    18 de December del 2008 a las 15:02

    me gusta el ejemplo de fullscreen,pero hay un problema cuando se pone de fondo una imagen se pixelea, hay alguna forma de que no pase eso con las imagenes.
    por que no se puede detectar la tecla scape cuando esta fullscreen :( ya habia logrado redimensinarlo pero tengo problema con el tecla scape.

    use el siguiente codigo:

    var keyListener:Object = new Object();
    keyListener.onKeyDown = function() {
    if (Key.isDown(Key.ESCAPE)) {
    ejecuta una funcion donde redimensiona la imagen a fullscreen o normal
    }
    };
    Key.addListener(keyListener);

    por favor ayudenmen

  7. canute dijo

    25 de February del 2009 a las 13:17

    funciona mal en chrome
    a alguien mas le pasa?
    cuando se ejecuta el fullscreen, el cursor del mouse queda en mano y no se cambia, y el usuario no puede acceder a ningun boton hasta salir

  8. admin dijo

    25 de February del 2009 a las 21:47

    Voy a ejecutar las pruebas pertinentes y te cuento (24 horas limite ;p)

  9. admin dijo

    26 de February del 2009 a las 10:52

    Revise y modifique algunas cosas, bajalo y pruebalo ahora, a mi me funciona bien en Chrome.

  10. jorge dijo

    13 de June del 2009 a las 1:24

    como hago para que se habrá en otra pelicula ya importada a html y no que se habra en la misma ventana

    gracias saludos

  11. admin dijo

    13 de June del 2009 a las 3:07

    Primero, Con ActionScript 2, haciendo algo de trampa (codigo no perfecto) podes hacer que el boton abra una ventana nueva con JavaScript inserto en un getURL:

    on (release) {
    getURL(“javascript:window.open(‘http://xyz_sitio.com/fullscr-flash.html’, ‘Titulo Ventana’, ‘width=400,height=200,scrollbars=yes’);”);
    }

    Luego, la pagina que cargue esta nueva ventana tendría que tener un flash (swf) inserto, el cual tenga en su primer frame la siguiente acción:

    Stage.displayState = “fullScreen”;

    Esto haría el truco, sin embargo no entiendo ¿por qué la necesidad de sacarlo a otra ventana?

  12. jorge dijo

    13 de June del 2009 a las 21:40

    bueno es que soy aficionado a navegar por internet y hace algun tiempo vi una pagina americansign.com y hacen eso ahi entonces ahora que veo tu tutorial pues me entraron dudas de como se haria y practicarlo

    muchas gracias polo de verdad se admira tu humildad y tu atencion para contestarme el mensaje

    provare lo que pones aqui y te contare que tal me fe

    un abrazo

  13. jorge dijo

    14 de June del 2009 a las 20:01

    hola polo te platico:

    hice todo lo que me dijiste

    y en los dos codigos me marca error al presionar la palomita de action script en flash aun asi creo el archivo html los coloco en la misma carpeta pero al momento de darle click al boton no pasa nada

    ocea exactamente lo que quiero es que todo sea exactamente como en tu tutorial solo que al darle click al boton se habra otra ventana ya con otra pelicula en pantalla completa aunque no salga el boton de cerrar

    e intentado poner _blank en algun lugar pero no le atino

    (cabe mencionar que todo lo hice desde mi maquina no utilice servidor)

    gracias por la paciencia y espero me puedas ayudar mi buen polo.

    atte. jorge

    si tienes algun otro codigo para que al escribir la direccion de dominio se habra en automatico la pagina web en pantalla completa como si fuera presentacion de power point seria genial.

    saludetes

  14. ABRAHAM dijo

    18 de June del 2009 a las 11:27

    Excelente muy buen aporte Felicidades

  15. admin dijo

    18 de June del 2009 a las 18:30

    Hice la prueba y encontré que en efecto no se puede abrir en pantalla completa en otra ventana debido a que este comando solo puede ser llamado por el clic del raton o por una tecla en el teclado:

    The ActionScript that initiates full-screen mode can be called only in response to a mouse click or keypress. If it is called in other situations, it will be ignored (in ActionScript 2.0) or throw an exception (in ActionScript 3.0).

    Sería de examinar como lo estan haciendo con un poco de ingeniería inversa.

  16. jorge dijo

    21 de June del 2009 a las 1:34

    bueno yo e parado un poco estos dias y ahora que tengo tiempo pues segui investigando y me comentaron que se tomaria como un pop up cosa que me dej mucho peor que antes ya que asta donde se los pop ups son bloqueados en automatico por muchas pcs pero yo estoy convensido de que hay otra manera y la descubrire si alguien le atina antes que yo pues pasenme el tip y prometo yo pasarselos en cuanto le atine ya que en un futuro podemos vender eso asta como un producto en una pagina web

    te mando un saludo mi buen polo y seguimos por aqui

  17. Agustin dijo

    19 de August del 2009 a las 10:20

    excelente, gracias, simple y funcional.

  18. Israel Aveces dijo

    19 de August del 2009 a las 22:27

    es para AS2??

  19. admin dijo

    19 de August del 2009 a las 23:24

    Yep, para ser honesto casi todos los demos que hago son para AS2, los que usan AS3 ya son otro rollo.

  20. Fernando dijo

    19 de September del 2009 a las 10:19

    Hola! muy bueno lo que psastes la verdad fue de muy gran ayuda!

    pero tengo un problema. En la pagina que estoy haciendo tengo un formulario de contacto realizado en SWF, cuando estoy en modo normal funciona pero cuando estoy en fullscreen no, sabrias decirme que es y como poder solucionarlo?

    desde ya muchisimas gracias!

  21. admin dijo

    20 de September del 2009 a las 22:57

    Esto se debe a que Adobe tiene restringido ingresar datos en modo de pantalla completa para evitar el phishing, revisa los siguientes links:
    http://rod.gs/Ut
    http://rod.gs/Vt

  22. Fernando dijo

    21 de September del 2009 a las 8:40

    No lo pude arreglar, pero voy a seguir viendo a ver si lo puedo solucionar.

    muchas gracias por la ayuda!

  23. admin dijo

    21 de September del 2009 a las 14:36

    No se puede arreglar, simplemente no podes tener acceso a TODAS las teclas estando en full screen por motivos de seguridad según la gente de adobe.
    Así que no creo que exista mucho que puedas hacer…

    Puedes hacer un teclado con botones en pantalla y que de esta forma la gente ingrese sus datos.

  24. Gabo dijo

    28 de December del 2009 a las 8:10

    Buenísimo el fullscreen!! es lo mejor que encontré en la web.
    Sólo tengo un problema: cómo quito el botón que dice EXIT FULLSCREEN?? siempre me queda ahí.
    Gracias!!

  25. mariana dijo

    28 de December del 2009 a las 11:19

    gracias. Me fue muy util.

  26. cesar dijo

    4 de January del 2010 a las 23:22

    Hola tengo problemas con lo del flash q se pueda ajustar a la resolucion del monitor.

    estoy usando Microsoft Expression Web 2 como le puedo hacer ahi para q el flash se ajuste

    ??

  27. Carlos Ruiz dijo

    10 de January del 2010 a las 19:39

    Saludos, a mi me va bien lo que he leido aqui… pero tengo un problema que alguien mas comento… y es que las imagenes c pixelan… ya he visto otros sitios donde las imagenes mantienen su tamaño original sin importar que el swf tome el tamaño de la resolucion del monitor.. como se hace eso??’?… gracias de antemano…

Comentarios RSS · TrackBack URI

Dejanos tu Comentario

Nombre: (Requerido)

E-Mail: (Requerido)

Sitio WEB:

Comentario:

Este sitio incluye automaticamente tu avatar con www.gravatar.com, si aun no tienes tu avatar, crealo ahora haciendo clic aquí.