How do I get my menu or navigation to stop from going behind a video?

By default, when a user copies and pastes the embed code provided by YouTube, the YouTube code leaves out a specific parameter which tells the video to stay behind the way our drop down menus are styled. This has specifically to do with the fact that YouTube players are effectively embedded Flash.

In order to correct this, you must add a “wmode” parameter in two places on the default YouTube code.

You must add this line:

<param name=“wmode” value=“transparent”></param>

Just before the line in the default YouTube code.

You must also add the line wmode=“transparent” (emphasis added) within the <embed> tag itself.

If you are using an iframe to load the video, add "?wmode=opaque" on to the end of the url or "&wmode=opaque" if there is already something in the querystring.

For example:

<iframe width="560" height="285" src="http://www.youtube.com/embed/xxxx1234?rel=0" frameborder="0" allowfullscreen></iframe>

Becomes:

<iframe width="560" height="285" src="http://www.youtube.com/embed/xxxx1234?rel=0&wmode=opaque" frameborder="0" allowfullscreen></iframe>