Skip navigation
jbachman22
Currently Being Moderated

Flash site doesn't run fast in all browsers, so take 4-5 minutes to load. Need html code help

Feb 27, 2013 11:26 AM

Tags: #html

Im using yahoo for my server. I have a code that is written for the index html. Listed below. However, when the site is attempted to be opened in Firefox or Safari it take 5-6 minutes to load the site (once it's loaded everything work smooth and great) but when it's opened on Chrome or Internet Explorer it take 5 seconds to load. I don't know if this is something within the code that needs to be added or changed. Very much an amature with very small business and I do all of the website on my own. I contacted yahoo and they said the server is fine but so it has to be something within the code. I made the website using Flash Pro CS5.5

 

<html>

 

<body>

 

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

 

codebase="http://download.macromedia.com/pub/shockwave/

cabs/flash/swflash.cab#version=6,0,40,0"

 

width="100%" height="100%"

id="mymoviename">

 

<param name="movie" 

 

value=" JPC.swf" />

 

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

 

<PARAM NAME="SCALE" VALUE="default">

 

<embed src="JPC.swf" quality="high" bgcolor="#666666"

 

width="100%" height="100%" SCALE="default"

 

name="mymoviename" align="" type="application/x-shockwave-flash"

 

pluginspage="http://www.macromedia.com/go/getflashplayer">

 

</embed>

 

</object>

 

</body>

 

</html>

 
Replies
  • Currently Being Moderated
    Feb 27, 2013 11:42 AM   in reply to jbachman22

    One thing I would really recommend is using swfobject to embed your SWF and see if it fixes the issue.

     

    That would look like this:

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <!-- saved from url=(0014)about:internet -->

    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml: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>

            <title></title>

            <meta name="google" value="notranslate" />        

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

            <!-- Include CSS to eliminate any default margins/padding and set the height of the html element and

                 the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as

                 the percentage of the height of its parent container, which has to be set explicitly.  Fix for

                 Firefox 3.6 focus border issues.  Initially, don't display flashContent div so it won't show

                 if JavaScript disabled.

            -->

            <style type="text/css" media="screen">

                html, body  { height:100%; }

                body { margin:0; padding:0; overflow:auto; text-align:center;

                       background-color: #ffffff; }  

                object:focus { outline:none; }

                #flashContent { display:none; }

            </style>

     

            <!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->

            <!-- BEGIN Browser History required section -->

            <link rel="stylesheet" type="text/css" href="history/history.css" />

            <script type="text/javascript" src="history/history.js"></script>

            <!-- END Browser History required section --> 

     

            <script type="text/javascript" src="swfobject.js"></script>

            <script type="text/javascript">

                // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection.

                var swfVersionStr = "11.1.0";

                // To use express install, set to playerProductInstall.swf, otherwise the empty string.

                var xiSwfUrlStr = "playerProductInstall.swf";

                var flashvars = {};

                var params = {};

                params.quality = "high";

                params.bgcolor = "#ffffff";

                params.allowscriptaccess = "sameDomain";

                params.allowfullscreen = "true";

                var attributes = {};

                attributes.id = "ReplaceWithYourName";

                attributes.name = "ReplaceWithYourName";

                attributes.align = "middle";

                swfobject.embedSWF(

                    "ReplaceWithYourName.swf", "flashContent",

                    "100%", "100%",

                    swfVersionStr, xiSwfUrlStr,

                    flashvars, params, attributes);

                // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.

                swfobject.createCSS("#flashContent", "display:block;text-align:left;");

            </script>

        </head>

        <body>

            <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough

                 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show

                 when JavaScript is disabled.

            -->

            <div id="flashContent">

                <p>

                    To view this page ensure that Adobe Flash Player version

                    11.1.0 or greater is installed.

                </p>

                <script type="text/javascript">

                    var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");

                    document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"

                                    + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" );

                </script>

            </div>

     

            <noscript>

                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="ReplaceWithYourName">

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

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

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

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

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

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

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

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

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

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

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

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

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

                        <p>

                            Either scripts and active content are not permitted to run or Adobe Flash Player version

                            11.1.0 or greater is not installed.

                        </p>

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

                        <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" />

                        </a>

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

                    </object>

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

                </object>

            </noscript>    

       </body>

    </html>

     

    Replacing what is specific to your project. I tried to mark all with "ReplaceWithYourName"

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 27, 2013 12:19 PM   in reply to jbachman22

    Correct, you would need to either add swfobject.js to your hosting site which you can download it here:

     

    https://code.google.com/p/swfobject/

     

    Or change this line:

     

    <script type="text/javascript" src="swfobject.js"></script>

     

    To a global reference that hosts swfobject.js (I do not know of one)

     

    Also, I just copy/pasted the template Flash Builder shoots out - you can view the documentation on the swfobject link I gave for more simplified examples.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points