Hey Brian – until I found your post I nearly gave up on trying to do this.

Thanks for putting me in the right direction, your method above works fine.

I am working on a large project for a corporate client and I wanted to use a search form over a Flash banner. Wasn’t hopeful it would work cross browser (or at all).

I did another search “swfObject embed code” and came across the new SwiftObject 2.0 coding. It solves the IE flash activation box issue, is W3c , detects versions and offers alternative HTML if no Flash.

You can even use a code generator. just remember to specify your Flash ‘parameter’ as above ()

My code looks like this

script type=”text/javascript” src=”${row2_assets_base}scripts/swfobject.js”>

var flashvars = {};
var params = {};
params.wmode = “transparent”;
var attributes = {};
swfobject.embedSWF(“${row2_assets_base}flash/intro.swf”, “introtext”, “960″, “250″, “9.0.0″, false, flashvars, params, attributes);

The links you should check out:

http://code.google.com/p/swfobject/
http://www.swffix.org/swfobject/generator/

Wow, thank you guys, I had the same problem when placing a div over flash content. If something was animated, the content of the div disappeard in firefox 2. I still don’t really understand why wmode is the problem here because it only makes the swf transparent..
But the main thing is, it works and saved me much time:)

Hi
it seems that google chrome doesnt handle swfobject: all my flash apps using swfobject are not showing while those without work perfectly…

Thanks Stu! Good info

Marcus, glad you got it working

Pygmees, I checked that out and you’re right. Embedded links are not working in the flash file if you have the swfobject added….that’s not good.

Hi

I was having the same problem, flash movie supressing any div or dhtml menus, but the solution posted by Stu Goymer did work for.

Thank you..

<script type=”text/javascript” src=”${row2_assets_base}

var flashvars = {};
var params = {};
params.wmode = “transparent”;
var attributes = {};
swfobject.embedSWF(”${row2_assets_base}flash/intro.swf”, “introtext”, “960″, “250″, “9.0.0″, false, flashvars, params, attributes);

Hi, I’m having difficulty with this method, I did the swfobject method from their documentation and followed those links but i still can’t manage to get my text div to float above, could you explain where you put the code mentioned above, i really need this on my site, maybe show me the whole code

Hi James,

You don’t need to use the SWFobject anymore.

Go to fortmyersbeach.org and look at the source. You will see the code for the flash file is much simpler now. And I simply floated a div over on top of the flash movie.

Also what do you mean by “embed area”, thx in advance

thanks, hadn’t refreshed in a while, got it to work, amazing

Hello

I am having problems with my google ads.. they won’t show
and i am using a flash based website with this code:

var so = new SWFObject(“imagevue.swf”, “imagevue”, “100%”, “100%”, “6″, “#ffffff”);
so.addVariable(“globalpath”, “”);
so.addVariable(“textcol”, “”);
so.addVariable(“configfile”, “”);

so.write(“imagevue”);

Please could someone help me out?
Thank you

Hi Joao,

Sorry, I can’t help you out there. Hopefully someone will stumble across this that knows. Try a forum also where the serious flash programmers roam

Brian Yerkes’s last blog post..Website Alignment – How Do You Like It

Hi, i’m workin on my hompepage and have tried a couple different methods to get my .swf to center the page and havent had any success. any suggestions please? thank you in advance.

mwah!! love u for this tutorial this was the best thing that happened to me. i was ripping my hair out till i googled the problem and found your simple solution

Thanks again,
Renee

Perfect, thank you!!

OMFG.. Thank-you Thank-you Thank-you!!!!.. I was beginning to pull my hair out, and just couldn’t understand why when I was using the same line of code as everyone else and it still wouldn’t work for me… then i visited your fortmyersbeach.org site and just copied out the exact embed code replacing my swf file for yours and like magic it worked!!

UGHHH! thanks sooo much!!

wow, thanks 4 tutorial..
I search this..

Boom goes the dynamite!

Thanks a lot really appreciated it, I knew it could be done but never thought to check in the js file as my skills in JS arnt all that, great find.

I had a unique situation where I had to use the swfobject.embedSWF embed method coupled with the external swfobject.js external file instead of embed method Dreamweaver would put into your code when you insert a Flash SWF, and I just wanted to share the code that worked worked for me incase anyone is searching this for a solution like myself.

function onItemSelect(name) {
}

function onItemClick(name) {
}

swfobject.embedSWF(“YOUR_SWF_NAME_HERE.swf”, “YOUR_DIV”, “400″, “400″, “9″, null, {wmode:”transparent”});

I’m not sure when the functions refer to or if they are necessary, but note how the wmode transparent is written…

Hope this helps.

Kevin

Hello, I am having difficulty as well. Its quite odd, however, though my div appears to function well over the active flash content in all browsers when played on a mac. My div does not display in any browser on PC. It is very strange. I am assuming that there is something wrong with my code. I have checked browser compatibility in DW and rechecked my code. I am stumped. I would assume that my code is rather messy, however, despite that I do get things to work. Though it is a first for me that have MAC (in) / PC (out) ??? There must be something I am overlooking, especially for IE, the problem is in the JS. Any help would be appreciated. The div is there on pc, its being covered up by the background flash content.

I can provide details if this thread is still active.

It works, thanks.

Thanks! This really helped me out quite a bit. I am using an Inline survey and it was appearing behind our site Trailer video. Not anymore! Thanks again!

Hi Brian,

Could u help me to solve my problem here. I have made menu background transparent but when I place them with DIV in my html page i got this problem. Have a look at this link

http://www.creativerush.com.au/test/1.html

and if u could explain to me where did i went wrong.

Thanks you n looking forward for your response.

Cheers,

RushO

Hi Rusho, looks like the div containing the flash has a z-index higher than the div containing the text. This will make your flash file overlay on top of the text, even if it is a drop down menu in flash.

You will need to use some actionscript or something to fix the flash file probably. Sorry, but I don’t have enough knowledge with action script to help. Good Luck

That is a fantastic post, this problem in FF3 was driving me mad, thanks!

Simply added:
var params = {
wmode: “transparent”
};

I am on a pc but test it in IE6, IE8, FF3, Safari4.
It works perfectly except in Safari. Any ideas as to why Safari is not cooperating?
http://www.highdefinitionhair.com/flash/home.html

Thanks in advance.

Thanks for the tutorial!!! It was a big help. I do have a question about the Z-index. Should this work with out the use of the Z-index? I could only get it to work if I used the Z-index.

Thanks a ton!!! Your example helped when others didn’t and were more complicated. Your solution was simple and to the point and shows true expertise.

Thanks so much

Just a quick note, reading Brian’s post, I notice he is dealing with swfObject 1.5, this has been superseded by swfObject 2.2 now, which is why so many of the comments have a different syntax. 2.2 does not support the fObj = new syntax.

swfObject 2.x now has a Google Code home, with lots of info: swfObject 2 on Google Code

Thanks man, that article is excellently discussed.
It solved all the problems i was facing regarding flash.
You made me a hero…. thanks…

Yes! Thank you!