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&hl=en&fs=1&rel=0&color1=0x402061&color2=0x9461ca&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&hl=en&fs=1&rel=0&color1=0x402061&color2=0x9461ca&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="405" [B]wmode="opaque"[/B] ></embed>
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
You didn’t add wmode=“opaque” to the embed element.
<embed src="http://www.youtube.com/v/1arthxVjVao?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" [B]wmode="opaque"[/B] allowfullscreen="true" width="800" height="630"></embed>