javascript - 如何将 youtube 视频放在图像上方？

Question

我的页面上有一个 youtube 视频，我希望它与图像接壤。非常适合，但我不能玩。

链接在这里：

< iframe style="margin-top: 0px; margin-left: 85px;"width="431" height="270" src="http://www.youtube.com/embed/RHaIQWOsxaA?autoplay=0&cc_load_policy=1" frameborder="0" allowfullscreen></iframe>

视频看起来像这样？

http://kepfeltoltes.hu/131024/354340238asd_www.kepfeltoltes.hu_.jpg

有人可以帮我解决这个问题。

非常感谢！

** *编辑**

谢谢，我厌倦了z-index，现在它显示了视频，但我仍然无法播放。:S

** *编辑**

太完美了，非常感谢！

Answer 1

通过 CSS 为 iframe 分配 z-index 为 2，为图像分配 z-index 为 1。

Answer 2

这是一个非常基本的解决方案

HTML：

<div class="video-container">
<iframe class="Video" src="http://www.youtube.com/embed/RHaIQWOsxaA?autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>

CSS：

.video-container {
    background: url(http://images.amazon.com/images/G/01/electronics/apple/apple-mbp2011-13-frontface_osx-lg.jpg) no-repeat;
    height: 590px;
    width: 1000px;
}
.Video{
    position:absolute;
    width: 654px;
    height: 411px;
    left: 177px;
    top: 69px;
}

这是演示