Fix Youtube Videos from Overlapping Thickbox in Chrome and Safari

On CampusLIVE we have all the site logins prompt users with a thickbox. Recently we added a Youtube video to one of the pages on the site and it produced some problems in Safari and Chrome. The thickbox would come up, but was half covered by the Youtube video.

I tried altering the Z-Indexes of the modal thickbox and the video itself with no luck.

Here’s the fix. Just add wmode=”transparent” into the embed tag.

Related posts:

1. How-to embed YouTube or Google videos easily into any WordPress blog
2. Simple solution to a huge problem

Posted in Web Development