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="https://www.youtube.com/embed/xxxx1234?rel=0" frameborder="0" allowfullscreen></iframe>

Becomes:

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

Contact us to upgrade to Tendenci

The open source solution chosen by associations around the world.

Want to talk? (281) 497-6567

Sign up for Tendenci - The Open Source AMS

No per user pricing. Unlimited admins.

Demo Now

Have Questions?

Contact us!

Site Search