ansaurus

Question

What's the ultimate way to embed Flash (swf) files to HTML (and XHTML) documents?

Answer 1

A:

Go with dynamic publishing. If the user has javascript turned off, give up. They won't want Flash to run either.

spender 2010-07-07 13:15:43

Yeah but AFAIK with dynamic publishing your Flash content is not indexed by (at least some) search engines.In my case I have customers stuck with old IE. Some others not, I would like to take the best of all worlds (even if it's meaning more work for me).

AlexV 2010-07-07 13:19:15

@spender Yes I did want Flash to run when I used NoScript in my old Firefox profile. What I didn't want was annoying ads and bad usage of Flash.

Felipe Alsacreations 2010-07-14 21:26:06

Answer 2

+1 A:

What I've done in the past is statically put my flash content in a div (using both object and embed tags), and then have SWFObject overwrite the contents of that div when it loads. This will be as close to what you want to do as you can get.

Brad 2010-07-09 16:55:47

This is what I want to do, but I'm looking for the best (static) way to embed Flash...

AlexV 2010-07-09 17:05:35

Answer 3

A:

Is there a way to get your clients to install another browser (like Firefox) alongside their legacy one, and use IE6 for the legacy app and FF for yours?

SteveCav 2010-07-14 23:43:13

Yes that's a solution which can be applied with some pain (deployment and training). But I'm not asking how to avoid this problem. I truly want to know the ultimate way to embed Flash (It's more curiosity than real use).

AlexV 2010-07-15 12:19:03

There is no "ultimate" way to embed Flash. Just use whatever works best for your situation.

JoshNaro 2010-07-16 13:36:06

Answer 4

+2 A:

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"></script> 
    <script type="text/javascript">
    var flashVars = {};
    var params = {};
        params.allowScriptAccess = "always";
        params.allowFullScreen = false;
        params.bgcolor = "#1a1a1a";
        params.wmode = "opaque";

        var atts = {};
        atts.id = "my-swf";

    swfobject.embedSWF("my.swf", "my-swfobject", "100%", "100%", "10.1.0", "playerProductInstall.swf", flashVars, params, atts);
    </script>
</head>
<body>
    <div id="my-swfobject">
        <!-- Any <object></object>, <embed></embed>, and everything else here will be rendered for users without JavaScript. If JavaScript is on, SWFObject will destroy div#my-swfobject and replace it with object#my-swf. -->
    </div>
</body>

Let me know if this is what you're looking for. I can elaborate more if needed. You might also consider suggesting that your IE6 slaves install Google Chrome Frame: http://code.google.com/chrome/chromeframe/

Casey 2010-07-14 23:52:36

No it's not what I'm looking for (it's dynamic only). I'm looking for the best way to embed Flash statically (with regular tags). I will add over that dynamic publishing. Chrome Frame can solve a lot of things, but I find that running a browser in a browser is somewhat fuzzy :) I would rather tell them to install Chrome and run it from there

AlexV 2010-07-15 12:23:45

It's not dynamic only, you're supposed to put the html code for the static plug-in inside `<div id="my-swfobject"></div>`. If the user has javascript enabled SWFObject will replace that code with generated code, otherwise the static code inside the div will run.

Na7coldwater 2010-07-15 17:12:26

Yes I know but I'm looking for the best static way to do it (see Edit 2).

AlexV 2010-07-15 18:41:04

Alex -- the best static way happens to be the only static way. See an implementation example here: http://kb2.adobe.com/cps/415/tn_4150.htmlThe code I posted is dynamic with a place for a static fallback. This is the preferred method because it gracefully degrades for those with JavaScript disabled. Put your static code inside div#my-swfobject and you will find that ANYTHING you place there is rendered as if SWFObject was never loaded (because it wasn't).

Casey 2010-07-15 21:40:33

AlexV, this solution is a good one that meets your requirements.

Warren 2010-07-16 01:29:15

Thanks for shorting me on the bounty! Maybe you can explain in more detail why my solution doesn't meet your needs. Are the tags invalid HTML? Does it not work in a particular browser?

Casey 2010-07-16 18:42:41

The solution you've posted is the same (but less complete) than the exact one in my OP...

AlexV 2010-08-05 12:17:35

Answer 5

A:

I would take a cue from sites such as YouTube that allow embedding of Flash. Not sure if this will work for non "movie" types.

From YouTube:

<object width="[width]" height="[height]">
<param name="movie" value="[Path to SWF]"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="[Path to SWF]" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="[width]" height="[height]"></embed>
</object>

JoshNaro 2010-07-15 18:38:49

Answer 6

A:

the only way i see, is doing something like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>test</title>
</head>
<body>
    <p>
        <object width="160" height="112" data="movie.swf" type="application/x-shockwave-flash">
            <param name="movie" value="movie.swf" />
        </object>
    </p>
</body>
</html>

there is no better option i think. this will work in IE , Mozilla and Webkit browsers and is xhtml valid. but there is no flash installer and no replacement.

choise 2010-07-16 13:01:31

Answer 7

A:

Here it is:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
<html lang="en">
    <head>
        <title></title>
        <script type="text/javascript" src="swfobject.js"> </script>
        <script type="text/javascript">
            swfobject.embedSWF('test.swf', 'myFlash', '320', '240', '9.0.0', '/swfobject/expressInstall.swf', 0, 0, 0);
        </script>
    </head>
    <body>
        <div>
            <object id="myFlash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="320" height="240">
                <param name="movie" value="test.swf">
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="test.swf" width="320" height="240">
                <!--<![endif]-->
                    <p>Version ???</p>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
        </div>
    </body>
</html>

I combine the static and dynamic methods of SWFObject
The static part is using the nested-objects method

AlexV 2010-08-05 19:30:29

ansaurus

tags:

views:

answers:

What's the ultimate way to embed Flash (swf) files to HTML (and XHTML) documents?

related questions