YouTube and Drop-Down Menus

Sometimes drop-down menus need a bit of help being visible on top of video, particularly video from YouTube. That’s especially troublesome considering it is the largest video service in the world. But thankfully you can have your drop-downs appear on top of your video by following these instructions:

Once you’ve found the video you’d like to use on YouTube, select share and then the embed button.
Next copy the embed code that should look something like this:

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

Paste this embed code in the spot where you’d like your video to be visible.
Lastly we need to edit the embed code just a bit. The src of this iframe ends in


rel=0

We want to remove that and replace it with this:


wmode=transparent

Our finial code should look like this:

<iframe width="560" height="315" src="http://www.youtube.com/embed/YbGgA2lIDjc?wmode=transparent" frameborder="0" allowfullscreen></iframe>

That should allow your drop-down menus to appear over video from YouTube at last.

Bill Robbins

I'm the creator of the Organized Themes. We're here to help you create a fantastic website. Let us know how we can help.