Docs

Drop Down Navigation Falls Behind YouTube Video

[edit] Please Note

These docs are now deprecated, we have a new Support area located here

Revision as of 17:06, 16 September 2011 by MrFent (Talk | contribs)

When using Drop Down Navigation, your drop down menus are overlapped by Flash elements, such as an embedded YouTube video in your Feature Slider.

This is because the default behavior for Flash always overlap any sort of HTML attempting to be layered on top of it. Fixing that so that drop down menus appear correctly above the flash requires an easy modification to the way flash videos are embedded on the website.

YouTube's iframe embed code

Add the following parameter to the URL:

?wmode=opaque

Old code: <iframe width="467" height="380" src="http://www.youtube.com/embed/T6MhAwQ64c0" frameborder="0" allowfullscreen></iframe>

New code: <iframe width="467" height="380" src="http://www.youtube.com/embed/T6MhAwQ64c0?wmode=opaque" frameborder="0" allowfullscreen></iframe>

If you are using Google Chrome & the new code isn't working, trying changing "opaque" to "transparent"

Retrieved from "http://www.pagelines.com/wiki/index.php?title=Drop_Down_Navigation_Falls_Behind_YouTube_Video&oldid=969"