在按鈕上顯示圖片點擊YouTube視頻

Question

我在youtube視頻上使用了圖片。在圖像上點擊（#imageID）顯示視頻。現在我遇到了一個問題：如何停止視頻，將其反轉回開始位置（0:00），然後再次按下按鈕（#stop_replace）在視頻上顯示圖像。

HTML：

<div id="ytapiplayer2" style="display:none;"> 
    <object width="600" height="375"> 
     <param name="movie" value="http://www.youtube.com/v/WSulgIt-Q_c?fs=1&hl=en_US&rel=0&autoplay=1"></param> 
     <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> 
     <embed src="http://www.youtube.com/v/WSulgIt-Q_c?fs=1&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="375"></embed> 
    </object> 
</div> 

<img src="image.jpg" id="imageID" /> 
<img src="button_image.jpg" id="stop_replace" /> 

的JavaScript/jQuery的：

$('#imageID').click(function() { 
$('#ytapiplayer2').show(); 
$('#imageID').hide(); 
}); 

上的jsfiddle代碼：http://jsfiddle.net/AdUvY/6/。我知道這也可以使用iframe來完成，但我需要它以這種方式實現。請問你能幫幫我嗎。謝謝。

Answer 1

我爲你創建了一個示例演示。

請檢查此並讓我知道它是否爲您的問題提供瞭解決方案。

演示：http://jsfiddle.net/codebombs/Rpgkk/2/

這裏我使用jQuery插件的SWFObject從http://jquery.thewikies.com/swfobject/。這使我們可以編寫簡單的代碼來嵌入SWF對象。

此外，在IE瀏覽器中，如果您有權限隱藏SWF對象，則有在後臺播放的機會。所以，如果你不再需要，最好的辦法就是將整個玩家從div中移除。

所以，當我不需要這個時，我從玩家div中刪除了SWF對象。

這會自動讓我們在需要的時候啓動播放器。

請讓我知道它是否需要任何修改。