title: wmode=transparent for Youtube video Iframe not working in IE with bootstrap modal
body: <p>I have a web app in which I am embedding Youtube videos using the iframe tag. I am also using bootstrap modal. So the issue arises in IE when the bootstrap modal fails to overlap the youtube video. Now i googled for this and I found a lot of answers saying that adding wmode=transparent should fix the issue. Well, It did not for me.</p>
  
  <p>Since I couldnt figure out a way for setting up a jsfiddle, I went to the bootstrap modal demo site and edited their code and added a youtube video. Please refer the below screenshot for more details.</p>
  
  <p><img src="https://i.stack.imgur.com/51Ma1.png" alt="enter image description here"></p>
  
  <p>And when I clicked on the "Launch demo modal", it did not work</p>
  
  <p><img src="https://i.stack.imgur.com/6lKfp.png" alt="enter image description here"></p>
  
  <p>Can anyone explain why this is not working or have a solution for this?</p>
  
  <p>Here is the youtube video code which i put just above that modal button</p>
  
  <pre><code>&lt;iframe class="yt-video-iframe" src="https://www.youtube.com/v/WEROVWDp3n0?version=3&amp;amp;f=videos&amp;amp;app=youtube_gdata&amp;amp;wmode=transparent"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I am using:</p>
  
  <ul>
  <li>IE 9 </li>
  <li>bootstrap modal version 2.3.1  </li>
  <li>Youtube API version 2</li>
  </ul>