在YouTube上添加視頻覆蓋<object>與JQuery

Question

我有YouTube視頻頁面（object - not iframe），需要在其上添加圖片。所有在Chrome中運行正常，但在IE中，圖像位於YouTube播放器下方。所以我搜索了信息，發現對於IE我需要在YouTube的<object>裏添加param wmode="opaque"。

出於某種原因，我無法將該參數直接添加到HTML中，我需要在頁面呈現後執行此操作。在渲染之後

示例頁面：所以我這樣做

<span class="video"> 
<object type="application/x-shockwave-flash" style="width:521px; height:427px;" data="http://www.youtube.com/v/sP5ntTD2ta0"> 
<param name="movie" value="http://www.youtube.com/v/sP5ntTD2ta0" /> 
</object> 
</span> 

我的文檔加載後添加此：

$('.video object').append('<param name="wmode" value="opaque"/>'); 

但在IE的形象仍然是YouTube播放器下方。

我認爲我需要以某種方式重新呈現頁面，但是如何？ （我已經試過使用wrap(),unwrap() - 沒有成功，對不起我是「綠色」）。

Answer 1

您可以嘗試使用HTML5視頻標記。

<video id="video" width="521px" height="427px" controls="controls" preload="auto">    
    <source src="http://www.youtube.com/v/sP5ntTD2ta0" />  
</video> 

這使得設計元素，以及其他div，你放置它的方式更容易。

http://www.w3schools.com/html/html5_video.asp