Not signed in (Sign In)

Vanilla 1.0.3 is a product of Lussumo. More Information: Documentation, Community Support.

can't see my Flash movie

Bottom of Page

1 to 12 of 12

  1.  
    • CommentAuthorstiggy
    • CommentTimeJun 17th 2007
     
    Hi

    I',completely new to scripting - so hopefully, this is not too dumb. I downloaded the SWF source code from http://blog.deconcept.com/swfobject/swfobject.html, uploaded the files to my google group area, inserted and edited the downloaded HTML within the group page. Everything works well - the words, links, and the movie Box are in the proper place. However the Flash movie doesn't show up. I'm using Firefox and the version 9 Flash plug in. Any help would be appreciated. The code is:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SWFObject embed by Geoff Stearns (basic) @ deconcept</title>
    <!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
    <script type="text/javascript" src="/group/test_run_group/web/swfobject.js"></script>
    <style type="text/css">

    body {
    background-color: #eeeeee;
    font: .8em/1.3em verdana,arial,helvetica,sans-serif;
    }

    #info {
    width: 300px;
    overflow: auto;
    }

    #flashcontent {
    border: solid 1px #000;
    width: 300px;
    height: 300px;
    float: left;
    margin: 15px 20px;
    }

    </style>
    </head>
    <body>

    <div id="flashcontent">

    <strong>You need to upgrade your Flash Player</strong>
    This is replaced by the Flash content.
    Place your alternate content here and users without the Flash plugin or with
    Javascript turned off will see this. Content here allows you to leave out <code>noscript</code>
    tags. Include a link to <a href="/group/test_run_group/web/swfobject.html?detectflash=false">bypass the detection</a> if you wish.
    </div>

    <script type="text/javascript">
    // <![CDATA[

    var so = new SWFObject("/group/test_run_group/web/so_tester.swf", "sotester", "300", "300", "9", "#FF6600");
    so.addVariable("flashVarText", "this is passed in via FlashVars for example only"); // this line is optional, but this example uses the variable and displays this text inside the flash movie
    so.write("flashcontent");

    // ]]>
    </script>

    <div id="info">
    <p>
    This Flash movie was embedded using the <a href="http://blog.deconcept.com/swfobject/">SWFObject</a> embed method by <a href="http://blog.deconcept.com/">Geoff Stearns</a>.
    </p>
    <p>Other sample embeds:</p>
    <ul>

    <li>Basic Flash Embed with alternate content</li>
    <li><a href="/group/test_run_group/web/fullpage.html">Full page Flash embed</a></li>
    <li><a href="/group/test_run_group/web/expressinstall.html">Basic Flash Embed with Express Install allowed</a></li>
    </ul>
    <p>You can also <a href="/group/test_run_group/web/flashversion.html">view your installed Flash version</a>.</p>
    <p>

    <a href="view-source:http://blog.deconcept.com/swfobject/swfobject.html">View source</a> (in mozilla, firefox) | <a href="/group/test_run_group/web/swfobject_source.js">View Javascript</a>.
    </p>
    <p>
    <a href="http://blog.deconcept.com/swfobject/swfobject1-4.zip">Download Source</a>.
    </p>
    </div>

    <p style="clear: both;margin-left: 20px"><a href="http://validator.w3.org/check?uri=referer">Validate XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></p>

    </body>
    </html>
    • CommentAuthorAran
    • CommentTimeJun 17th 2007
     
    On first pass, I would say it is a path issue, as you swfObject code looks ok. Can you post a link to the actual page?

    If you point directly to the .swf located at (yourserverlocation)/group/test_run_group/web/so_tester.swf, can you see it?
    • CommentAuthorstiggy
    • CommentTimeJun 18th 2007
     
    not quite sure how to do this. I'm attempting to implement this flash file within a google "group" page.
    • CommentAuthorGeoff
    • CommentTimeJun 18th 2007
     
    does google groups let you embed javascript in the page?

    can you make it public so we can look at it?

    usually issues like this are because of a couple things:

    1) any javascript errors?

    2) do you have flash installed properly? (check the flashversion.html page and see what version it says you have installed)
    • CommentAuthorstiggy
    • CommentTimeJun 19th 2007
     
    Geoff

    The flash version is 9.0.28.

    In a moment I will "invite" you to the google group page titled "test page for Geoff". I'm using the script you provided for you sample flash. I downloaded your files and then them to the "uploaded files" area of the group. The code that I was pasting and inserting was modified from yours. It's listed below for you to paste in. Thanks very much

    Marc

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SWFObject embed by Geoff Stearns (basic) @ deconcept</title>
    <!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ -->
    <script type="text/javascript" src="/group/test_run_group/web/swfobject.js"></script>
    <style type="text/css">

    body {
    background-color: #eeeeee;
    font: .8em/1.3em verdana,arial,helvetica,sans-serif;
    }

    #info {
    width: 300px;
    overflow: auto;
    }

    #flashcontent {
    border: solid 1px #000;
    width: 300px;
    height: 300px;
    float: left;
    margin: 15px 20px;
    }

    </style>
    </head>
    <body>

    <div id="flashcontent">

    <strong>You need to upgrade your Flash Player</strong>
    This is replaced by the Flash content.
    Place your alternate content here and users without the Flash plugin or with
    Javascript turned off will see this. Content here allows you to leave out <code>noscript</code>
    tags. Include a link to <a href="/group/test_run_group/web/swfobject.html?detectflash=false">bypass the detection</a> if you wish.
    </div>

    <script type="text/javascript">
    // <![CDATA[

    var so = new SWFObject("/group/test_run_group/web/so_tester.swf", "sotester", "300", "300", "9", "#FF6600");
    so.addVariable("flashVarText", "this is passed in via FlashVars for example only"); // this line is optional, but this example uses the variable and displays this text inside the flash movie
    so.write("flashcontent");

    // ]]>
    </script>

    <div id="info">
    <p>
    This Flash movie was embedded using the <a href="http://blog.deconcept.com/swfobject/">SWFObject</a> embed method by <a href="http://blog.deconcept.com/">Geoff Stearns</a>.
    </p>
    <p>Other sample embeds:</p>
    <ul>

    <li>Basic Flash Embed with alternate content</li>
    <li><a href="/group/test_run_group/web/fullpage.html">Full page Flash embed</a></li>
    <li><a href="/group/test_run_group/web/expressinstall.html">Basic Flash Embed with Express Install allowed</a></li>
    </ul>
    <p>You can also <a href="/group/test_run_group/web/flashversion.html">view your installed Flash version</a>.</p>
    <p>

    <a href="view-source:http://blog.deconcept.com/swfobject/swfobject.html">View source</a> (in mozilla, firefox) | <a href="/group/test_run_group/web/swfobject_source.js">View Javascript</a>.
    </p>
    <p>
    <a href="http://blog.deconcept.com/swfobject/swfobject1-4.zip">Download Source</a>.
    </p>
    </div>

    <p style="clear: both;margin-left: 20px"><a href="http://validator.w3.org/check?uri=referer">Validate XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></p>

    </body>
    </html>
    • CommentAuthorzhangsisi
    • CommentTimeOct 1st 2007
     
    the find best www.ConnectAsia.info/en/lang104082about_sisi11 welcome you
    • CommentAuthorScubaSteve
    • CommentTimeFeb 21st 2008
     
    Did this ever get resolved?

    Having the same issue but it seems to be caused by setting the Flash container DIV's float attribute. As soon as I try to float my div to the left, the whole thing disappears. Only reason I suspect the rest of the page didn't fill in the vacant space was due to the fact that Stiggy passed a height/width to SWFObject.
    • CommentAuthorAran
    • CommentTimeFeb 21st 2008
     
    @ScubaSteve

    Do you have a test page I can look at?

    Aran
    • CommentAuthorScubaSteve
    • CommentTimeFeb 25th 2008
     
    Aran,

    Sorry for the hiatus... uploaded a few files for you to see exactly what I'm dealing with.

    http://unmannedcams.com/sandbox/endResult.gif is what I'm aiming for... something similar to LiveDocs.

    I think it's a float issue... This link shows what happens when I don't use float: http://unmannedcams.com/sandbox/help_system1.html

    And when I DO use float: http://unmannedcams.com/sandbox/help_system2.html

    This is really driving me up a wall. Any help would be of undescribable assistance!

    -steve
    • CommentAuthorScubaSteve
    • CommentTimeFeb 25th 2008
     
    update... (and a bigger problem i think):

    So what's breaking it is the height value. The SWF is set up so via ActionScript such that it resizes to fit the Stage height. To fill the browser, I have to embed this SWF with 100% height. That seems to be the root of this evil.

    My script to embed is:
    var so = new SWFObject("help_system.swf", "helpsystem", "300px", "100%", "8", "FFFFFF");
    so.write("flashcontent");

    If I change that "100%" to a fixed height, such as "100px", I have no problems with the display or the floating. So how do I go about embedding the SWF at 100% of the browser height without the Flash content just disappearing on me?
    • CommentAuthorScubaSteve
    • CommentTimeFeb 25th 2008
     
    final update:

    Appears that the issue with SWFObject is that you cannot combine 100% height AND float the div at the same time. Any ideas for a workaround?
    • CommentAuthorphilip
    • CommentTimeFeb 25th 2008
     
    your SWFs aren't loading: you have a typo in your code. you use "flashContent" in most places but "flashcontent" in the SWFObject code.

    regarding the float: you can set your SWF to 100% (height and/or width) and set the containing DIV to a fixed height/width.

    any time you want to float a DIV containing a SWFObject-embedded SWF, you need to declare the size parameters with CSS. otherwise the browser doesn't know how to compute the size parameters and will make the SWF break to the next line.

    try this:

    <html>
    <head>
    <title>help_system</title>
    <script type="text/javascript" src="swfobject.js"></script>
    <style type="text/css">
    html, body {
    margin: 0;
    padding: 0;
    }

    #flashContent {
    width: 300px;
    /* set height to whatever you need */
    }

    #htmlContent {
    }
    </style>
    </head>

    <body>
    <div id="flashContent">
    <font color="red">This text will go away when the flash mc loads...</font>
    </div>
    <script type="text/javascript">
    var so = new SWFObject("help_system.swf", "helpsystem", "300px", "100%", "8", "FFFFFF");
    so.write("flashContent");
    </script>

    <div id="htmlContent">
    test
    </div>
    </body>
    </html>


    - philip

1 to 12 of 12

  1.