3 Replies Latest reply on Sep 13, 2009 9:03 PM by Flex harUI

    Full Screen issues - Simple problem I think

    Mainmanian Level 1

      I am running the latest Flash 10 and I have the following sample code from another site and tried to get it to work on my system to little success.I changed the HTML to allow full screen access. The HTML code is below as well. When I run the HTML, a blank screen appears. What is wrong with my HTML? Need some help. Thanks, Ramesh

       

       

      <?xml version="1.0" encoding="utf-8"?>
      <!-- http://blog.flexexamples.com/2007/08/07/creating-full-screen-flex-applications/ -->
      <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" applicationComplete="init(event)">

          <mx:Script>
              <![CDATA[
                  import flash.display.StageDisplayState;

                  private function init(evt:Event):void {
                      /* Set up full screen handler. */
                      Application.application.stage.addEventListener(FullScreenEvent.FULL_SCREEN, fullScreenHandler);
                      dispState = Application.application.stage.displayState;
                  }

                  private function fullScreenHandler(evt:FullScreenEvent):void {
                      dispState = Application.application.stage.displayState + " (fullScreen=" + evt.fullScreen.toString() + ")";
                      if (evt.fullScreen) {
                          /* Do something specific here if we switched to full screen mode. */
                      } else {
                          /* Do something specific here if we switched to normal mode. */
                      }
                  }

                  private function toggleFullScreen():void {
                      try {
                          switch (Application.application.stage.displayState) {
                              case StageDisplayState.FULL_SCREEN:
                                  /* If already in full screen mode, switch to normal mode. */
                                  Application.application.stage.displayState = StageDisplayState.NORMAL;
                                  break;
                              default:
                                  /* If not in full screen mode, switch to full screen mode. */
                                  Application.application.stage.displayState = StageDisplayState.FULL_SCREEN;
                                  break;
                          }
                      } catch (err:SecurityError) {
                          // ignore
                      }
                  }
              ]]>
          </mx:Script>

          <mx:String id="dispState" />

          <mx:Label text="width={Application.application.width}" />
          <mx:Label text="height={Application.application.height}" />
          <mx:Label text="displayState={dispState}" />

          <mx:Button label="Toggle fullscreen" click="toggleFullScreen()" />

      </mx:Application>



      ---- HTML code

      <!-- saved from url=(0014)about:internet -->
      <html lang="en">

      <!--
      Smart developers always View Source.

      This application was built using Adobe Flex, an open source framework
      for building rich Internet applications that get delivered via the
      Flash Player or to desktops via Adobe AIR.

      Learn more about Flex at http://flex.org
      // -->

      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      <!--  BEGIN Browser History required section -->
      <link rel="stylesheet" type="text/css" href="history/history.css" />
      <!--  END Browser History required section -->

      <title></title>
      <script src="AC_OETags.js" language="javascript"></script>

      <!--  BEGIN Browser History required section -->
      <script src="history/history.js" language="javascript"></script>
      <!--  END Browser History required section -->

      <style>
      body { margin: 0px; overflow:hidden }
      </style>
      <script language="JavaScript" type="text/javascript">
      <!--
      // -----------------------------------------------------------------------------
      // Globals
      // Major version of Flash required
      var requiredMajorVersion = 10;
      // Minor version of Flash required
      var requiredMinorVersion = 0;
      // Minor version of Flash required
      var requiredRevision = 22;
      // -----------------------------------------------------------------------------
      // -->
      </script>
      </head>

      <body scroll="no">
      <script language="JavaScript" type="text/javascript">
      <!--
      // Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
      var hasProductInstall = DetectFlashVer(6, 0, 65);

      // Version check based upon the values defined in globals
      var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

      if ( hasProductInstall && !hasRequestedVersion ) {
           // DO NOT MODIFY THE FOLLOWING FOUR LINES
           // Location visited after installation is complete if installation is required
           var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
           var MMredirectURL = window.location;
          document.title = document.title.slice(0, 47) + " - Flash Player Installation";
          var MMdoctitle = document.title;

           AC_FL_RunContent(
                "src", "playerProductInstall",
                "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType+'&MMdoctitle='+MMdoctitle+"",
                "width", "100%",
                "height", "100%",
                "align", "middle",
                "id", "FullScreen",
                "quality", "high",
                "bgcolor", "#869ca7",
                "name", "FullScreen",
                "allowScriptAccess","sameDomain",
                "type", "application/x-shockwave-flash",
                "pluginspage", "http://www.adobe.com/go/getflashplayer",
                "allowFullScreen", "true"
           );
      } else if (hasRequestedVersion) {
           // if we've detected an acceptable version
           // embed the Flash Content SWF when all tests are passed
           AC_FL_RunContent(
                     "src", "FullScreen",
                     "width", "100%",
                     "height", "100%",
                     "align", "middle",
                     "id", "FullScreen",
                     "quality", "high",
                     "bgcolor", "#869ca7",
                     "name", "FullScreen",
                     "allowScriptAccess","sameDomain",
                     "type", "application/x-shockwave-flash",
                     "pluginspage", "http://www.adobe.com/go/getflashplayer"
                     "allowFullScreen", "true"               
           );
        } else {  // flash is too old or we can't detect the plugin
          var alternateContent = 'Alternate HTML content should be placed here. '
             + 'This content requires the Adobe Flash Player. '
              + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
          document.write(alternateContent);  // insert non-flash content
        }
      // -->
      </script>
      <noscript>
             <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                     id="FullScreen" width="100%" height="100%"
                     codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
                     <param name="movie" value="FullScreen.swf" />
                     <param name="quality" value="high" />
                     <param name="bgcolor" value="#869ca7" />
                     <param name="allowScriptAccess" value="sameDomain" />
                     <param name="allowFullScreen" value="true" />
                     
                     <embed src="FullScreen.swf" quality="high" bgcolor="#869ca7"
                          width="100%" height="100%" name="FullScreen" align="middle"
                          play="true"
                          loop="false"
                          quality="high"
                          allowScriptAccess="sameDomain"
                          allowFullScreen="true"
                          type="application/x-shockwave-flash"
                          pluginspage="http://www.adobe.com/go/getflashplayer">
                     </embed>
           </object>
      </noscript>
      </body>
      </html>