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.
recently I saw that sometimes the flash player doesn't recognize `&wmode=opaque`, istead you should pass `&WMode=opaque` too (notice the uppercase).