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