YouTube wmode = opaque无法在IE9(或任何其他IE)中运行

时间:2012-01-27 12:10:38

标签: youtube youtube-api

我需要使用wmode = opaque或类似的东西,因为我想在视频前放置一个图像(占位符和箭头图像,因为视频将以幻灯片形式显示)。

但是,我很难在任何版本的IE(甚至9!)中使用它。

我也尝试了wmode的每个变体 - 不透明,透明,窗口和直接

以下是代码的链接......

http://jsfiddle.net/KtbYR/30/

以下是保存目的的实际代码......

/* HTML */
<div id="tabs2">
  <div>
     <img class='thumb' src='http://static.guim.co.uk/sys-images/Guardian/Arts_/Pictures/2003/12/04/explosions.jpg'>
   <iframe id="frame1" width="640" height="390" frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?e&wmode=opaque"></iframe>
</div>

<div>
   <img class='thumb' src='http://static.guim.co.uk/sys-images/Guardian/Arts_/Pictures/2003/12/04/explosions.jpg'>
   <iframe id="frame2" width="640" height="390" frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?wmode=opaque"></iframe>
</div>

/* CSS */
#tabs2 div {
    position: relative;
}

.thumb {
    position: absolute;
}

1 个答案:

答案 0 :(得分:1)

您究竟是如何测试这是否适用于IE?我刚刚检查了视频顶部的图像层