Html 将Youtube视频与图像重叠

我只是想知道是否有可能将YouTube视频（实际的视频播放器）与图像重叠。我想做的是让它看起来像是有两只手抓着YouTube视频，一只左一只右。我认为这是一个简单的CSS的东西，但不确定，因为我无法在网上找到任何东西（我发现的只是图像重叠和淡入淡出）。无论如何，任何帮助都将不胜感激。谢谢

您可以将YouTube嵌入脚本添加到页面中的div中，然后使用CSS将该div的位置设置为相对，现在将另一个div放置在包含YouTube视频的div中，并将该div设置为绝对位置，现在，您可以确定图像在页面上的显示位置，其边界区域将由相对divs位置定义

以下是一个例子：

<div class="YouTube">
    <!-- embedded YouTube Script -->
    <div class="FloatingImage">
        <img src="#" height="" width="" />
    </div>
</div>

您的CSS可能类似于以下内容：

<style type="text/css">
    .YouTube { width: 450px; height: 400px; position: relative; }
    .FloatingImage { position: absolute; top: 75px; left: 0px; height: 50px; width: 25px; }     
</style>

.YouTube{宽度：450px；高度：400px；位置：相对；}
.FloatingImage{位置：绝对；顶部：75px；左侧：0px；高度：50px；宽度：25px；}

---

希望这有帮助

使用iframe方法并将

？wmode=opaque

添加到视频URL的末尾

例如：

<iframe width="630" height="328" src="http://www.youtube.com/embed/BS0PaiHkbU0?wmode=opaque" frameborder="0" allowfullscreen=""></iframe>