Flash and position: fixed

Picture: http://i45.tinypic.com/2gvj6sl.png

Link: http://tinyurl.com/yegknua

Youtube videos are appearing on top of a bar that is fixed to the bottom of the browser window, no matter how high I set the z-index. I have noticed this in Firefox and IE8, but only on Windows 7, not Mac OSX (Firefox, Chrome, Safari).

Anyone know of a way to fix the stacking, or am I stuck with this behavior?

the rule is that flash objects will always be at the top of the stack, regardless of the z-index. you could try putting it in an iframe, but i am not entirely convinced this will work…


For flash to obey z-index you need to set the wmode parameters to opaque in the object and the embed elements (*see the sticky in the flash forum).

<object width="500" height="405">
    <param name="movie" value="http://www.youtube.com/v/2WNrx2jq184&amp;hl=en&amp;fs=1&amp;rel=0&amp;color1=0x402061&amp;color2=0x9461ca&amp;border=1" />
 [B]   <param wmode="opaque" />[/B]
    <param name="allowFullScreen" value="true" />
    <param name="allowscriptaccess" value="always" />
    <embed src="http://www.youtube.com/v/2WNrx2jq184&amp;hl=en&amp;fs=1&amp;rel=0&amp;color1=0x402061&amp;color2=0x9461ca&amp;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="405" [B]wmode="opaque"[/B] ></embed>

Thanks Paul.

I am having the exact same problem as described above. I did put the wmode=opaque but it didn’t solve the problem.

Windows isn’t behaving but mac works just fine!


Any help would be greatly appreciated.



Read post 3 and try again :slight_smile:

You didn’t add wmode=“opaque” to the embed element.

<embed src="http://www.youtube.com/v/1arthxVjVao?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" [B]wmode="opaque"[/B] allowfullscreen="true" width="800" height="630"></embed>