Embedded videos are floating in front of all other objects. I had them embedded in a slideshow widget, then I tried it outside of a widget, directly on the page... the same result! My lightbox menu objects are obscured by the video when opened. I have tried moving the video to back, and moving the lightbox widget to front, but no luck. I have tried youtube (even the old code), and also a facebook embed. In only firefox, half of the lighbox objects are obscured, and some are visible, but why? What can I do??? Here is the link:
Add wmode="transparent" to the embed tag (in addition to the wmode param in the object tag).
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/B6hzf_gbuj0?version=3&hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/B6hzf_gbuj0?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true" wmode="transparent"></embed></object>
Europe, Middle East and Africa