Display DIV’s on top of Flash Content

Via Erol and on Xander’s Blog (The solution to display a div on top off flash for the newer browser is the wmode option opaque or transparent…):¬†

The solution to display a div on top off flash for the newer browser is the wmode option opaque or transparent.

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0” width=”100″ height=”200″>
<param name=”movie” value=”test.swf” />
<param name=”quality” value=”high” />
<param name=”wmode” value=”opaque” />
<embed¬† src=”matrix.swf” width=”100″ height=”200″ quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”opaque”></embed>
</object>

The following browsers currently support windowless mode:

Windows and Mac OS X

Internet Explorer 3 or higher (Windows)
Internet Explorer 5.1* and 5.2* (Macintosh)
Netscape 7.0*
Mozilla 1.0 or higher*
AOL*
CompuServe*

* Macromedia Flash Player version 6,0,65,0 (Windows) or 6,0,67,0 (Macintosh) or higher required for this feature.

Read what Macromedia writes about this subject: Flash content displays on top of all DHTML layers -> http://www.macromedia.com/go/tn_15523

 

9 thoughts on “Display DIV’s on top of Flash Content”

  1. I found this code and used it on my website, (www.animatixs.com), for the banner, it works perfectly and was easy to work out how. Thanks a lot!

  2. Thank you so much for this solution! I would have never got this on my own and have been trying to figure that out for a couple days now.Thanks!

  3. I’m just going to join the rest of the group and say: beautiful, awesome, truly great piece of code! Works like a charm!!! =)

  4. Internet Explorer 3 or higher (Windows)Internet Explorer 5.1* and 5.2* (Macintosh)Netscape 7.0*Mozilla 1.0 or higher*AOL*CompuServe** Macromedia Flash Player version 6,0,65,0 (Windows) or 6,0,67,0 (Macintosh) or higher required for this feature.Read what Macromedia writes about this subject: Flash content displays on top of all DHTML layers ->

  5. Yes it works and pretty well in most of the browsers, but there is one significant drawback in this method – performance hit. If you set wmode=transparent flash player uses extra rendering processing on top of your swf file which dramatically slows down performance of the player. The only workaround I found so far is to use dynamic iframes set with property: position: fixed; This would put content inside the frame on top of any swf movie of the main page. Although its very painful to get it work properly in IE8. Although this makes sense if you’ve got a very sophisticated RIA in your swf. Pls, correct me if i’m mistaken.cheers,Syrgak

  6. I just had the same issue with CS3 as3 and there was some new code that hadn’t been in my older versions of flash output. This javascript also uses the wmode, which by default was set to ‘wmode’,’window’.’widow’ needs to be set to ‘transparent too’, if you have this code. <script language=”javascript”> if (AC_FL_RunContent == 0) { alert(“This page requires AC_RunActiveContent.js.”); } else { AC_FL_RunContent( ‘codebase’, ‘http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0’, ‘width’, ‘942’, ‘height’, ‘336’, ‘src’, ‘images/pentaho_user_logos’, ‘quality’, ‘high’, ‘pluginspage’, ‘http://www.macromedia.com/go/getflashplayer’, ‘align’, ‘middle’, ‘play’, ‘true’, ‘loop’, ‘true’, ‘scale’, ‘showall’, ‘wmode’, ‘transparent’, ‘devicefont’, ‘false’, ‘id’, ‘pentaho_user_logos’, ‘bgcolor’, ‘#ffffff’, ‘name’, ‘pentaho_user_logos’, ‘menu’, ‘false’, ‘allowFullScreen’, ‘false’, ‘allowScriptAccess’,’sameDomain’, ‘movie’, ‘images/pentaho_user_logos’, ‘salign’, ” ); //end AC code }I hope thi shelps.

Comments are closed.