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为图像指定一个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;
}

这是Demo

如何将YouTube视频放在图像上方？

2 个答案: