Force Embeded Video Behind A JQuery Modal Dialog

Another quick one, [insert joke about sexual performance… HAHAHAHEHARHAHRAH] and I’ll probably file this under “I don’t care you if need this but I’m posting it because I have a bad memory”. When you use the jQuery Modal Dialog with an embedded video, like say something from youtube, and you have a modal dialog on the same page, you might notice that the video stays in front of the dialog. This would be considered contrary to design. Nice thing is, it’s an easy fix:

<object class="nospace" data="http://www.youtube.com/v/jU_lNNwCLp0&hl=en_US&fs=1&" height="320" type="application/x-shockwave-flash" width="400" >
  <param name="movie" value="http://www.youtube.com/v/jU_lNNwCLp0&hl=en_US&fs=1&" />
  <param name="allowFullScreen" value="true" />
  <param name="allowscriptaccess" value="always"/>
  <param name="wmode" value="opaque"/> <----- RIGHT THERE LOOK SEE IT?????
</object>

It’s the last parameter in that block. I posted the whole thing because it just seemed easier.

Element ‘Embed’ Is Not Supported: Embedding YouTube Video Without The Embed Tag

This should be quick, so don’t expect my usual charming self. If you’ve run into this problem, and chances are you have, you’re probably as frustrated as a thumbless hitchhiker. Good thing is, I have the solution and you can watch it here on video:

HAHAH THAT WAS FUNNY! Yeah I’m not that big of a bag. I actually will give you the code. Go figure.

<object class="nospace" data="http://www.youtube.com/v/jU_lNNwCLp0&hl=en_US&fs=1&" height="320" type="application/x-shockwave-flash" width="400" >
  <param name="movie" value="http://www.youtube.com/v/jU_lNNwCLp0&hl=en_US&fs=1&" />
  <param name="allowFullScreen" value="true" />
  <param name="allowscriptaccess" value="always"/>
</object>

And there it is. Easy as something other than pie because pie isn’t f—ing easy to make.