Z-index和wmode无法使用YouTube在IE10中嵌入代码

Question

我正在尝试创建一个div，其中包含一个包含YouTube嵌入代码的iframe，因此当用户点击该视频时，javascript将触发而非播放视频。我已经在src属性中包含了wmode = opaque参数，因为每个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*/
}