重叠YouTube视频与图像

Question

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

Answer 1

您可以添加YouTube嵌入式脚本到页面中的DIV，然后用CSS设置div来相对的位置，现在放置另一个DIV包含YouTube影片的div中，并设置div来放置绝对，现在你可以决定要在哪里你形象出现在页面上，它的边界地区将由相对位置的div来定义。

下面是一个例子：

<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> 

希望这有助于！

Answer 2

使用iframe的方法，并添加?wmode=opaque到视频的URL的结尾。

例如：

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