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/']
Adding `?wmode=opaque` to the URL seems to solve this problem for me, although I have not tested it in IE yet.

For those of you having troubles with the previously proposed solution, note that an inital ampersand will only work if you are already supplying other arguments to the URL. The first argument must have an initial question mark: `http://www.example.com?first=foo&second=bar`
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.