Z-index и wmode не работают с кодом встраивания YouTube в IE10

Question

Я пытаюсь создать div, который будет охватывать iframe, содержащий код для встраивания YouTube, поэтому, когда пользователь нажимает на видео, javascript запускает вместо воспроизведение видео. Я включил параметр wmode = opaque в атрибут src, так как каждый поиск Google говорит вам об этом. В настоящее время он работает в Chrome и Firefox, но он не работает в IE10.

Ниже приведено то, что у меня есть.

<div class="cover" onclick="alert('Working');" style="height: 350px; width: 350px;"></div> 
<iframe width="350" height="350" frameborder="0" allowfullscreen="" src="//www.youtube.com/embed/18YA73npI6s?wmode=opaque"> 

И CSS

div.cover { 
    position: absolute; 
    z-index: 100; 
} 
iframe { 
    z-index: 1; 
} 

Над кодом жить: fiddle.

Любое понимание того, почему это не работает в IE10, было бы полезно.

Answer 1

это был единственный способ, которым я мог управлять

http://jsfiddle.net/azXe6/2/

div.cover { 
position: absolute; 
z-index: 100; 
background-color:red; /* added this*/ 
opacity:0; /* added this*/ 
}