Z-index Youtube Embed Fix

I ran into an old bug when I added the page-following script to the navigation on the Milkdrop page. The embedded flash videos were covering up the navigation, masking it and rendering the following script useless.

Bugs to fix this have been around for a while, but Youtube has released a new embed code.

The fix I came up with was simple: Add &wmode=opaque to the end of the url

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

The oldschool fix: so.addParam("wmode", "opaque");

Hopefully this will help other people.  It had been years since I  ran into that bug and I was surprised to say the least.

 

One thought on “Z-index Youtube Embed Fix

Leave a Reply

Your email address will not be published. Required fields are marked *