Get Flash to Appear Over Lightbox

It's a simple thing, but it is annoying when you use a lightbox (like lightbox 2, thickbox, or my new favorite colorbox) and a flash video that is on the page shows up over the lightbox.  The good news is that the fix is simple: add a wmode param to your object tag and wmode="transparent" to the embed tag.  So, your <object> tag would look like this:

<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="300" height="300">
    <param name="movie" value="movie.swf"> 
    <param name="quality" value="high"> 
    <param name="wmode" value="transparent"> 
    <embed src="movie.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="300"></embed>
</object>
Hope that helps someone out.

0 comments:

Post a Comment