Make Flash Movie Transparent

Written on December 17, 2006 – 10:16 pm
This page has been viewed: 548 times

While creating one of our client’s website, we have found out some problems with flash movie. The flash movie has covered a continuous looping background image in HTML pages, that it blocked a square area in the pages. Another problem also occurred in the javascript generated dropdown menu. When we put our mouse hovering the menu to bring out the dropdown, it appeared just behind the flash movie, when it supposed to be in front of it.

But the internet is always a friendly place to solve your problems. Just googling around and you’ll find most of the troubleshooting required.

So, in our cases, we’ve found two ways to solve these:

Firstly, go to File > Publish Setting > HTML Tab in your Flash. Look for Window Mode and select ‘Transparent Windowless’. After that, just publish your movie. It’s that easy! You should have an HTML file with transparent flash in it. See screenshot below:

Flash Transparency

Secondly, if you find the above easy way still ‘not so easy’ to do, there’s a much more simple way. Just open up the HTML file that you have inserted the flash movie in it, find the list of < param > tags for your flash movie and added this line:

< param value="transparent" name="wmode">

After that, find the < EMBED > tag and added the line below in it:

wmode=”transparent”

Now you should be able to see through your HTML background.

Post a Comment

About Me

Welcome to Beegamax ART+ or Article Plus. This is where I put all articles and thoughts. They could be design idea, marketing related post or other stuffs too. Enjoy your stay here. more »

Find entries :