【问题标题】:YouTube wmode=opaque not working in IE9 (or any other IE)YouTube wmode=opaque 在 IE9(或任何其他 IE)中不起作用
【发布时间】:2012-02-20 10:18:36
【问题描述】:

我需要使用 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;
}

【问题讨论】:

    标签: youtube youtube-api


    【解决方案1】:

    您究竟如何测试这在 IE 中是否有效?我刚刚检查了视频顶部的图像层正确

    【讨论】:

    • 你能看视频吗?当我播放它时,有声音但没有视频。它适用于其他一切。我正在使用带有 Windows 7 32 位的 VM 进行测试。
    • 我确实可以在所有情况下看到视频。我的 IE9 映像在 Windows 7 Pro 64 位中是本机的。我的 IE8/7/6 映像在 VM 中,它们都可以播放。
    • 考虑到我花了一整天的时间试图解决这个问题(!),这对我来说真的很奇怪/烦人。现在只是更新我的 Flash 播放器,看看是不是这样。您有可以试用的 BrowserStack 帐户吗?不幸的是,我的免费计划已用完!
    • 这真的很奇怪,我已经连接到两台远程机器,并且在它们都可以工作!谢谢
    • 我没有任何这样的帐户 - 很高兴您看到其他机器取得了一些成功。我想知道你的虚拟机中是否有一个硬件加速选项在运行。
    猜你喜欢
    • 2013-02-12
    • 2011-07-23
    • 2011-10-13
    • 2013-10-27
    • 1970-01-01
    • 2011-08-08
    • 1970-01-01
    • 2013-09-18
    • 2011-02-01
    相关资源
    最近更新 更多