2012-01-27 48 views
1

我需要使用wmode = opaque或类似的东西,因为我想在视频前放置图像(占位符和箭头图像,视频将会在幻灯片中)。YouTube wmode = opaque在IE9(或任何其他IE)中不工作

但是,我很努力让这个工作在任何版本的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

您究竟如何测试这是否适用于IE?我只是检查,并在视频的顶部的图像层正确

+0

你可以看到视频,但?当我播放时,声音出来,但没有视频。它适用于其他一切。我正在使用Windows 7 32位虚拟机进行测试。 – SparrwHawk 2012-01-27 17:23:43

+0

我确实可以在所有情况下看到视频。我的IE9图像在Windows 7 Pro 64bit中是原生的。我的IE8/7/6映像位于虚拟机中,它们都可以播放。 – Aaron 2012-01-27 17:25:41

+0

考虑到我花了整整一天的时间来解决这个问题(!),这对我来说真的很奇怪/烦人。现在只需更新我的Flash播放器以查看它是否可能。你有可以试用的BrowserStack账户吗?不幸的是我的免费计划已经用完了! – SparrwHawk 2012-01-27 17:31:41

相关问题