31 Replies Latest reply: Sep 6, 2012 6:54 PM by kglad RSS

    Full Screen Problem

    John Delamotte Community Member

      I'm having trouble, I want my animation to be able to go full screen, but it doesn't seem to be working. I don't know if the problem is in the actionscript or html. Thanks for any help

       

       

       

      FullScreenBut.addEventListener(MouseEvent.CLICK, goFullScreen);

       

      function goFullScreen(event:MouseEvent):void

      {

          setFullScreen();

      }

       

      function setFullScreen():void

      {

          if (stage.displayState== "normal")

          {

              stage.displayState="fullScreen";

              stage.scaleMode = StageScaleMode.NO_SCALE;

          }

          else

          {

              stage.displayState="normal";

          }

      }

       

       

      ///////HTML/////////

       

      <body>

              <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="200">

                      <param name="movie" value="animation.swf" />

                      <param name="quality" value="high" />

                      <param name="wmode" value="opaque" />

                      <param name="swfversion" value="15.0.0.0" />

                      <param name="allowFullScreen" value="true" />

      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->

                      <param name="expressinstall" value="Scripts/expressInstall.swf" />

      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->

      <!--[if !IE]>-->

                      <object type="application/x-shockwave-flash" data="civilWarEraTest12.swf" width="1920" height="1080">

      <!--<![endif]-->

                              <param name="quality" value="high" />

                              <param name="wmode" value="opaque" />

                              <param name="swfversion" value="15.0.0.0" />

                              <param name="expressinstall" value="Scripts/expressInstall.swf" />

      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->

                              <div>

                                      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>

                                      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>

                              </div>

      <!--[if !IE]>-->

                      </object>

      <!--<![endif]-->

              </object>

              <script type="text/javascript">swfobject.registerObject("FlashID");</script>

      </body>

        • 1. Re: Full Screen Problem
          kglad MVP

          try:

           

           

          ///////HTML/////////

           

          <body>

                  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="200">

                          <param name="movie" value="animation.swf" />

                          <param name="quality" value="high" />

                          <param name="wmode" value="opaque" />

                          <param name="swfversion" value="15.0.0.0" />

                          <param name="allowFullScreen" value="true" />

          <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->

                          <param name="expressinstall" value="Scripts/expressInstall.swf" />

          <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->

          <!--[if !IE]>-->

                          <object type="application/x-shockwave-flash" data="civilWarEraTest12.swf" width="1920" height="1080">

          <!--<![endif]-->

                                  <param name="quality" value="high" />

                                  <param name="wmode" value="opaque" />

                                  <param name="swfversion" value="15.0.0.0" />

                                  <param name="expressinstall" value="Scripts/expressInstall.swf" />

          <param name="allowFullScreen" value="true" />

          <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->

                                  <div>

                                          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>

                                          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" width="112" height="33" /></a></p>

                                  </div>

          <!--[if !IE]>-->

                          </object>

          <!--<![endif]-->

                  </object>

                  <script type="text/javascript">swfobject.registerObject("FlashID");</script>

          </body>

          • 2. Re: Full Screen Problem
            John Delamotte Community Member

            I published from flash and it works to full screen, but when you click it again it seems to be aligning wrong. I tried top, bottom, middle, but it doesn't change. Is it something else?

            • 3. Re: Full Screen Problem
              kglad MVP

              oh wait, that html is totally screwed up and can't possibly be something published by flash.

               

              start over.  open your fla in flash and publish an html (with allow fullscreen selected) and swf.  open the html.

               

              any problems?

               

              if so, copy and paste the html.

              • 4. Re: Full Screen Problem
                John Delamotte Community Member

                Thanks worked great. Didn't know that was there.

                • 5. Re: Full Screen Problem
                  kglad MVP

                  you're welcome.

                  • 6. Re: Full Screen Problem
                    John Delamotte Community Member

                    Is there a way to resize the stage to 500 width 281 height  instead of:  stage.displayState="normal"

                    • 7. Re: Full Screen Problem
                      kglad MVP

                      you can make it look like the stage is 500x281 but you cannot actually change the stage size unless you publish for 100%, use a scalemode of noscale and use javascript to resize the browser window (which you can only do if the window was opened using javascript).

                      • 8. Re: Full Screen Problem
                        John Delamotte Community Member

                        Thank you

                        • 9. Re: Full Screen Problem
                          kglad MVP

                          you're welcome.

                          • 10. Re: Full Screen Problem
                            John Delamotte Community Member

                            What do you mean? Do I need to change any of the actionScript , because I already published at 100% and I have a function for no scale here.

                             

                            FullScreenBut.addEventListener(MouseEvent.CLICK, goFullScreen);

                             

                            function goFullScreen(event:MouseEvent):void

                            {

                                setFullScreen();

                            }

                             

                            function setFullScreen():void

                            {

                                if (stage.displayState== "normal")

                                {

                                    stage.displayState="fullScreen";

                                    stage.scaleMode = StageScaleMode.NO_SCALE;

                                }

                                else

                                {

                                    stage.displayState="normal";

                                }

                            }

                             

                             

                            As for javaScript, I know know a little bit but not much. Could you point the way? Do I need to remove my button for fullscreen in flash?

                            • 11. Re: Full Screen Problem
                              kglad MVP

                              so, you want to start with a 400x200 stage and then make the stage appear to be 500x281 after returning from fullscreen?

                              • 12. Re: Full Screen Problem
                                John Delamotte Community Member

                                No I have a 1920x1080 stage that needs to fit in a 500x281 place on a webpage. The problem is that when I go fullscreen the screen is bigger than the moniter and when I exit "normal" == 1920x1080. (I need "normal" to == 500x281 and "fullscreen" == 100% width and 100% height) So the animation is bigger than 500x281, so it looks cropped

                                right.jpgwrong.jpg

                                • 13. Re: Full Screen Problem
                                  kglad MVP

                                  when you go fullscreen, your stage should occupy the entire screen (unless you have an flvplayback component somewhere).

                                   

                                  does fullscreen look like you expect?

                                   

                                  and, copy and paste your the html code you're using to embed your swf.

                                  • 14. Re: Full Screen Problem
                                    John Delamotte Community Member

                                    On some moniters fullscreen is bigger than the screen. I don't think I have a flv playback comp. I check their resolution and if their browser was zoomed in, both neg.

                                     

                                     

                                     

                                     

                                    //////////////////////HTML

                                     

                                    <div id="flashContent">

                                                            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="281" id="civilWarEraTest12" align="left">

                                                                    <param name="movie" value="civilWarEraTest12.swf" />

                                                                    <param name="quality" value="high" />

                                                                    <param name="bgcolor" value="#ffffff" />

                                                                    <param name="play" value="true" />

                                                                    <param name="loop" value="true" />

                                                                    <param name="wmode" value="window" />

                                                                    <param name="scale" value="showall" />

                                                                    <param name="menu" value="true" />

                                                                    <param name="devicefont" value="false" />

                                                                    <param name="salign" value="" />

                                                                    <param name="allowScriptAccess" value="sameDomain" />

                                                                    <param name="allowFullScreen" value="true" />

                                                <!--[if !IE]>-->

                                                                    <object type="application/x-shockwave-flash" data="civilWarEraTest12.swf" width="500" height="281">

                                                                    <param name="movie" value="civilWarEraTest12.swf" />

                                                                    <param name="quality" value="high" />

                                                                    <param name="bgcolor" value="#ffffff" />

                                                                    <param name="play" value="true" />

                                                                    <param name="loop" value="true" />

                                                                    <param name="wmode" value="window" />

                                                                    <param name="scale" value="showall" />

                                                                    <param name="menu" value="true" />

                                                                    <param name="devicefont" value="false" />

                                                                    <param name="salign" value="" />

                                                                    <param name="allowScriptAccess" value="sameDomain" />

                                                                    <param name="allowFullScreen" value="true" />

                                                <!--<![endif]-->

                                                                    <a href="http://www.adobe.com/go/getflash"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a>

                                                <!--[if !IE]>-->

                                                                    </object>

                                                <!--<![endif]-->

                                                            </object>

                                                    </div>

                                    • 15. Re: Full Screen Problem
                                      kglad MVP

                                      try:

                                       

                                       

                                       

                                      <div id="flashContent">

                                                              <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="25%" height="25%" id="civilWarEraTest12" align="left">

                                                                      <param name="movie" value="civilWarEraTest12.swf" />

                                                                      <param name="quality" value="high" />

                                                                      <param name="bgcolor" value="#ffffff" />

                                                                      <param name="play" value="true" />

                                                                      <param name="loop" value="true" />

                                                                      <param name="wmode" value="window" />

                                                                      <param name="scale" value="showall" />

                                                                      <param name="menu" value="true" />

                                                                      <param name="devicefont" value="false" />

                                                                      <param name="salign" value="" />

                                                                      <param name="allowScriptAccess" value="sameDomain" />

                                                                      <param name="allowFullScreen" value="true" />

                                                  <!--[if !IE]>-->

                                                                      <object type="application/x-shockwave-flash" data="civilWarEraTest12.swf" width="25%" height="25%">

                                                                      <param name="movie" value="civilWarEraTest12.swf" />

                                                                      <param name="quality" value="high" />

                                                                      <param name="bgcolor" value="#ffffff" />

                                                                      <param name="play" value="true" />

                                                                      <param name="loop" value="true" />

                                                                      <param name="wmode" value="window" />

                                                                      <param name="scale" value="showall" />

                                                                      <param name="menu" value="true" />

                                                                      <param name="devicefont" value="false" />

                                                                      <param name="salign" value="" />

                                                                      <param name="allowScriptAccess" value="sameDomain" />

                                                                      <param name="allowFullScreen" value="true" />

                                                  <!--<![endif]-->

                                                                      <a href="http://www.adobe.com/go/getflash"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" /></a>

                                                  <!--[if !IE]>-->

                                                                      </object>

                                                  <!--<![endif]-->

                                                              </object>

                                                      </div>

                                      • 16. Re: Full Screen Problem
                                        John Delamotte Community Member

                                        It's blank. Nothing is there

                                        • 17. Re: Full Screen Problem
                                          John Delamotte Community Member

                                          I believe I fixed the problem by right clicking and checking show all. How do I make it stay and make it automatic for everyone else? (Automatic by they don't have to right click and show all)

                                          • 18. Re: Full Screen Problem
                                            kglad MVP

                                            click file>publish settings>html and select flash with fullscreen for your template, size percent and select 25 percent width and 25 percent height and for the bottom 4 comboboxes select default, default, center and center.

                                             

                                            if that fails, attach a screen shot of that publish settings panel.

                                            • 19. Re: Full Screen Problem
                                              John Delamotte Community Member

                                              Didn't work.

                                              settings.jpg

                                              • 20. Re: Full Screen Problem
                                                kglad MVP

                                                that looks good.  now, what is the url to that embedding html?

                                                • 22. Re: Full Screen Problem
                                                  kglad MVP

                                                  comment out that scaleMode or change it when returning to normal:

                                                   

                                                  function goFullScreen(event:MouseEvent):void

                                                  {

                                                      setFullScreen();

                                                  }

                                                   

                                                  function setFullScreen():void

                                                  {

                                                      if (stage.displayState== "normal")

                                                      {

                                                          stage.displayState="fullScreen";

                                                          //stage.scaleMode = StageScaleMode.NO_SCALE;

                                                      }

                                                      else

                                                      {

                                                          stage.displayState="normal";

                                                      }

                                                  }

                                                   

                                                  also, change those percents from 25% to 500/1920 x 100% ~= 26%

                                                  • 23. Re: Full Screen Problem
                                                    John Delamotte Community Member

                                                    Sorry I don't understand

                                                    "also, change those percents from 25% to 500/1920 x 100% ~= 26%"

                                                     

                                                    do you mean

                                                     

                                                    25% == 480x270

                                                    &&

                                                    26% == 500x281

                                                     

                                                    if so it still doesn't work. Samething happens either dimension would fit fine on the page. So I don't think that should really matter.

                                                    • 24. Re: Full Screen Problem
                                                      kglad MVP

                                                      in your publish settings change 25% to 26%.

                                                       

                                                      the only problem i see at https://dl.dropbox.com/u/72608572/test1.html

                                                       

                                                      is when returning from fullscreen.  that problem is caused by your scalemode.

                                                       

                                                      what problem(s) do you see with test1.html?

                                                      • 25. Re: Full Screen Problem
                                                        John Delamotte Community Member

                                                        I changed it to 26% now and commented out the return to normal. So the button doesn't work to return, but if you hit esc the scale is wrong.

                                                         

                                                        Yes, That's the only problem. Returning from fullsrceen, the scale is wrong.

                                                        • 26. Re: Full Screen Problem
                                                          John Delamotte Community Member

                                                          I have <param name="scale" value="showall" /> in there and when it starts "show all" is selected, but when you exit fullscreen "show all" becomes unselected.

                                                          • 27. Re: Full Screen Problem
                                                            kglad MVP

                                                            copy and paste your goFullScreen function.

                                                            • 28. Re: Full Screen Problem
                                                              John Delamotte Community Member

                                                              function goFullScreen(event:MouseEvent):void

                                                              {

                                                                  setFullScreen();

                                                              }

                                                               

                                                              And the setFullScreen function is:

                                                               

                                                              function setFullScreen():void

                                                              {

                                                                  if (stage.displayState== "normal")

                                                                  {

                                                                      stage.displayState="fullScreen";

                                                                      stage.scaleMode = StageScaleMode.NO_SCALE;

                                                                  }

                                                                  else

                                                                  {

                                                                      stage.displayState="normal";

                                                                  }

                                                              }

                                                              • 29. Re: Full Screen Problem
                                                                kglad MVP

                                                                change that to:

                                                                 

                                                                 

                                                                 

                                                                 

                                                                function goFullScreen(event:MouseEvent):void

                                                                {

                                                                    setFullScreen();

                                                                }

                                                                 

                                                                And the setFullScreen function is:

                                                                 

                                                                function setFullScreen():void

                                                                {

                                                                    if (stage.displayState== "normal")

                                                                    {

                                                                        stage.displayState="fullScreen";

                                                                    }

                                                                    else

                                                                    {

                                                                        stage.displayState="normal";

                                                                    }

                                                                }

                                                                • 30. Re: Full Screen Problem
                                                                  John Delamotte Community Member

                                                                  lol, It works thank you. I would mark as correct answer, but there is no option. So I marked it as helpful! Thank you again

                                                                  • 31. Re: Full Screen Problem
                                                                    kglad MVP

                                                                    you're welcome.