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

41 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…

  28. mo dijo

    14 de March del 2010 a las 21:01

    hola, lo que yo quiero haces es simplemente q un menu de botones de de flsh q intoduje en un html llame cada uno a otro html pero en la misma ventana, lo que hice fue poner, getUrl(“nombre,html”,_self) pero me lo abre en otra ventana.

  29. Hector VIloria dijo

    19 de May del 2010 a las 19:41

    Muchisismas gracias me ha sido de mucha utilidad tu aportacion… en verdad simlificaste mucho dando el demo. gracias por gente como existen muy buenos blocks gracias nuevamente

  30. WENDESIGNER dijo

    21 de May del 2010 a las 9:36

    ESPECTACULAR, felicitaciones por el aporte.

  31. Rosa Puchalt dijo

    17 de September del 2010 a las 11:51

    GRACIAS!!!! Por fin un tutorial que me ha servido a la primera.

  32. Albert dijo

    7 de November del 2010 a las 7:19

    Bien¡¡ Que ocurre con adobe? por que en modo fullscreen no se pueden rellenar formularios?

  33. Rodrigo Polo dijo

    7 de November del 2010 a las 12:35

    Es debido a que utilizaron mucho Flash para hace phishing entonces quieren prevenir eso.

  34. joel dijo

    6 de December del 2010 a las 15:28

    tengo un problema con este codigo quiero sabe ,pórque me redirecciona a otra pagina ! cual es el error
    *********
    0){
    //header(“Location: cetproep/”);
    //}
    if(strpos($_SERVER['SERVER_NAME'],”panificadoratorressac”)>0){
    //header(“Location: home/”);
    }*/

    if(isset($_SESSION["codalum"])){
    //header(“Location: portal.php”);
    }
    include(“includes/conexion.php”);

    //Loguear
    if(isset($_POST["txtUsuario"], $_POST["txtClave"])){
    $usx = $_POST["txtUsuario"];
    $usx1 = “”;
    $cx = “”;
    // ————————————
    if(substr($usx,0,3)==”ESI”){
    for($k=0;$k< strlen($usx);$k++){
    $cx = substr($usx, $k, 1);
    if($cx == "0" or $cx == "0" or $cx=="o"){
    $cx = "0";
    }
    $usx1 .=$cx;
    }
    }else{
    $usx1 = $usx;
    }

    // ————————————
    $sqlogeo = "SELECT * FROM participantes where usuario='".strtoupper($usx1)."' and contrasena='".strtolower($_POST["txtClave"])."'";
    //echo $sqlogeo."”;
    //exit();
    $rslogeo = mysql_query($sqlogeo);
    $rowlogeo = mysql_fetch_array($rslogeo);
    $num = mysql_num_rows($rslogeo);
    //echo $num.”";
    if($num==1){
    // (ini) si no esta habilitado el participante
    if ($rowlogeo["estado"]!=0){

    /*if($rowlogeo["admin"]==0 and (trim($_POST["usuario"])!=”edgar123″) ){
    //$claveusu = $rowlogeo["contrasena"];
    //$entrada = array($claveusu, “Morpheus”, “Apolo”, “Aries”);
    //$claves_aleatorias = array_rand($entrada, 1);
    }else{*/
    $claves_aleatorias = $rowlogeo["contrasena"];
    /*}*/

    if($claves_aleatorias==strtolower($_POST["txtClave"])){
    if($rowlogeo["admin"]==0){
    $_SESSION["logeo"]=true;
    $_SESSION["alumvideo"]=$rowlogeo['video'];
    $_SESSION["useralum"]=$rowlogeo['usuario'];
    $_SESSION["codalum"]=$rowlogeo['codigo'];
    $_SESSION["nomalum"]=$rowlogeo['campo'];
    $_SESSION["idprogx"]=$rowlogeo['idprog'];
    if($rowlogeo["tipo"]==”E”){
    $programa = $rowlogeo["idprog"];
    if($programa == 1){
    //header(“Location: portal.php”);
    echo ” top.window.location.href=’portal.php’; “;

    }else if($programa == 2){
    //header(“Location: contenidogold.htm”);

    echo ” top.window.location.href=’contenidogold.htm’; “;

    }else if($programa == 3){
    //header(“Location: platinum/index.php”);
    session_register(“tipo_usuario”);
    $_SESSION["tipo_usuario"]=strtolower(substr($_POST["txtUsuario"],0,3));
    echo ” top.window.location.href=’platinum/index.php’; “;
    }

    }else{
    echo ” top.window.location.href=’portal2.php’; “;
    }
    }elseif($rowlogeo["admin"]==1){
    $_SESSION["logeoadm"]=true;
    $_SESSION["codadm"]=$rowlogeo['codigo'];
    $_SESSION["nomadm"]=$rowlogeo['nombre'].” “.$rowlogeo['ap_pat'].” “.$rowlogeo['ap_mat'];
    if($_SESSION["codadm"]==10006){
    //header(“Location: intranet/participante/participante_lista.php”);

    echo ” top.window.location.href=’intranet/participante/participante_lista.php’; “;

    }else{
    //header(“Location: intranet/index.php”);

    echo ” top.window.location.href=’intranet/index.php’; “;

    }

    }
    else
    {
    //header(“Location: portal.php”);

    echo ” top.window.location.href=’portal.php’; “;

    }

    }else{
    $_SESSION["logeo"]=false;
    $error = true;
    }
    // (fin) si no esta habilitado el participante
    }else{
    $_SESSION["logeo"]=false;
    $error = true;
    }
    }else{
    $_SESSION["logeo"]=false;
    $error = true;
    }
    }
    ?>

    Escuela Iberoamericana Virtual de Idiomas :: ESIVI.com ::

    window.onerror = new Function(“return true”);


    ERROR – Código ó Contraseña

    contraseña:

    *****

  35. Bea dijo

    15 de December del 2010 a las 11:27

    muchísimas gracias. Me has solucionado la tarde.

  36. alvin dijo

    4 de February del 2011 a las 16:58

    pregunta a ver si me ayudan…estoy haciendo un cd interactivo y tengo un video en flash y quiero que cuando yo de un click en el boton el video se agrande y se inicie conocen alguna forma

  37. Ka' de Xaeoc dijo

    14 de February del 2011 a las 20:23

    Gracias me salvaste la vida!

  38. Enzo dijo

    12 de October del 2011 a las 17:09

    Hola, que tal?

    Yo tengo un inconveniente que no eh podido solucionar. Tengo un flash colocado en la web, y el FullScreen no me funciona, no sé a que se debe. Creo yo que es porque esta incrustado en el html.

    Este es el link, podrían verlo y ayudarme con alguna opinión?

    http://www.lavoz.com.ar/infografia/posiciones-goleadores-momento-primera-b-nacional
    Gracias por su tiempo

  39. kiko dijo

    26 de December del 2011 a las 11:14

    Hola

    Como se haría para que el full screen de mi video se abriera automáticamente al cargar la página??

    Muchas gracias

  40. Rodrigo Polo dijo

    26 de December del 2011 a las 11:53

    No se puede si el usuario no interactua con flash presionando un botón por cuestiones de “seguridad” :-/

  41. TheRaport dijo

    2 de February del 2012 a las 10:44

    Saludos a todos, He leído los post y creo que puede ser la solución a mi problema para evitar la no funcionalidad del teclado y el fullscreen en flash, pero, he tratado de acceder al ejemplo y no esta disponible, alguien puede pasarme la liga donde esta el ejemplo y la descarga.
    Mil Gracias!

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