Place HTML Div on top of Flash

Admin — Fri, 08 Jan 2010 14:23:23 +0000

If you have ever tried to place a div or similar HTML element on top of a swf flash object you will know that it always tries to take precedence.

You will need to do the following:

In the code for the flash add:

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

and in the embed area add:

wmode=”transparent”

If you are using SWFObject to insert swf files you can do the following:

<script type="text/javascript">

var so = new SWFObject("movie.swf", "mymovie", "400", "100%", "8", "#336699");

so.addParam("wmode", "transparent");

so.write("flashcontent");

script>

Transparent swf in html

Admin — Mon, 23 Nov 2009 14:10:59 +0000

So you have now placed a swf file into your html page and you want to be able to see through it.

Lucky for you, this is a very easy thing to do!

The following code does the trick:

<object type=‘application/x-shockwave-flash’ data=‘flash/home_side_left.swf’ width=’40px’ height=’550px’>

    <param name=‘movie’ value=‘flash/home_side_left.swf’ />

   <param name=‘bgcolor’ value=‘#ffffff’>

   <param name=‘wmode’ value=‘transparent’>

   <param name=‘allowScriptAccess’ value=‘always’>

 </object>

Notice that by just adding the ‘wmode’ and setting it as ‘transparent’ does everything for you!

Web Development London UK » SWF

Place HTML Div on top of Flash

Transparent swf in html