【发布时间】:2012-02-20 10:18:36
【问题描述】:
我需要使用 wmode=opaque 或类似的东西,因为我想在视频前面放置一个图像(占位符和箭头图像,因为视频将在幻灯片中显示)。
但是,我很难让它在任何版本的 IE(甚至 9!)中工作。
我也尝试过 wmode 的所有变体 - 不透明、透明、窗口和直接
这是代码的链接...
这是用于保存目的的实际代码...
/* 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