title: jQuery: setting wmode to Youtube video for z-index handling
body: <p>I'm doing this:</p>
  
  <pre><code>//z-index of flash objects
  $('object').prepend('&lt;param name="wmode" value="opaque"&gt;');
  $('object embed').attr('wmode', 'opaque');
  </code></pre>
  
  <p>So, when I inspect the youtube video on my page it says:</p>
  
  <pre><code>&lt;object width="500" height="281"&gt;
  &lt;param name="wmode" value="opaque"&gt;
  &lt;param name="movie" value="http://www.youtube.com/v/KUi32-suXjY?version=3&amp;amp;feature=oembed"&gt;
  &lt;param name="allowFullScreen" value="true"&gt;
  &lt;param name="allowscriptaccess" value="always"&gt;
  &lt;embed src="http://www.youtube.com/v/KUi32-suXjY?version=3&amp;amp;feature=oembed" type="application/x-shockwave-flash" width="500" height="281" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"&gt;&lt;/object&gt;
  </code></pre>
  
  <p>I have draggable objects with <code>fixed position</code> and <code>z-index:9999</code> on my page. However I have no change to make the youtube video stay behind this objects. The youtube video is always on top, even if I set the wmode. </p>
  
  <p>Any idea what I'm doing wrong here?</p>