Embedding flash with swfobject.js

**Sean** · 05-21-2006, 11:52 PM

Recently Microsoft has released a patch for Internet Explorer which effected how flash looked in IE.
The new patch added borders around flash and made users double click on flash objects which was not only ugly but annoying.

Here is how i now add flash to my sites which removes the above problems and is also XTHML compliant.

HTML Code:

<script type="text/javascript" src="swfobject.zip"></script>
<div id="flash">
  This text will be replaced by your SWF
</div>
<script type="text/javascript">
   var so = new SWFObject("header.swf", "flash", "950", "176", "7", "#ffffff");
   so.write("flash");
</script>

Quick explanation:

HTML Code:

<div id="flash">
  This text will be replaced by your SWF
</div>

This creates a HTML element which will hold the SWF movie.

"movie.swf" -Path to your SWF
"flash" -ID of your embed tag
"950" -width of your SWF
"176" -height of your SWF
"7" -The required player version for your Flash content
"#ffffff" - Background color of your flash movie

Make sure to download the attachment swfobject.js otherwise this script will not work.

**Fragalot** · 05-22-2006, 12:19 AM

FINALLY!

i've been waiting for this solution for ages

**ICY** · 05-24-2006, 09:10 AM

I should have put this tutorial up lol

**Sean** · 05-24-2006, 04:34 PM

Only problem is that this will not detect/install flash for you if u havent got it installed in your browser already. There is a solution but i will have to dig it up lol

**ICY** · 05-27-2006, 08:49 AM

like using a variable to detect what version of flash they have with java and then redirecting them to the flash stuff? Because I would know how to do that... but yeah........