Using javascript with jQuery, I am adding an iframe with a youtube url to display a video on a website however the embed code that gets loaded in the iframe from youtube doesnt have wmode="Opaque", therefore the modal boxes on the page are shown beneath the youtube video.

Any ideas how to solve the issue?
['https://Stackoverflow.com/questions/4050999', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/427235/']
Add `&amp;wmode=transparent` to the url and you're done, tested.

I use that technique in my own wordpress plugin [YouTube shortcode](http://wordpress.org/extend/plugins/youtube-shortcode)

Check its source code if you encounter any issue.
I know this is an old question, but it still comes up in the top searches for this issue so I'm adding a new answer to help those looking for one for IE:

Adding `&wmode=opaque` to the end of the URL does NOT work in IE 10...

However, adding `?wmode=opaque` does the trick!

---

Found this solution here: <http://alamoxie.com/blog/web-design/stop-iframes-covering-site-elements>