title: Z-index and wmode not working with YouTube embed code in IE10
body: <p>I'm trying to create a div that will cover an iframe containing YouTube embed code, so when the user clicks on the video, javascript will fire <em>instead</em> of playing the video. I have included the wmode=opaque parameter in the src attribute, as every Google search tells you to do. This is currently working in Chrome and Firefox, but it does not work in IE10.</p>
  
  <p>Below is what I currently have.</p>
  
  <pre><code>&lt;div class="cover" onclick="alert('Working');" style="height: 350px; width: 350px;"&gt;&lt;/div&gt;
  &lt;iframe width="350" height="350" frameborder="0" allowfullscreen="" src="//www.youtube.com/embed/18YA73npI6s?wmode=opaque"&gt;
  </code></pre>
  
  <p>And CSS</p>
  
  <pre><code>div.cover {
      position: absolute;
      z-index: 100;
  }
  iframe {
      z-index: 1;
  }
  </code></pre>
  
  <p>Above code live: <a href="http://jsfiddle.net/azXe6/1/" rel="nofollow">fiddle</a>.</p>
  
  <p>Any insight into why this isn't working in IE10 would be helpful.</p>