在嵌入的YouTube視頻結束後收起iframe

Question

我的頁面上有一個圖片，點擊後會被大型嵌入式YouTube視頻所取代。 代碼在這裏...

<img src="/image/data/banners/birthdaycardsbanner.png"/></div> 

<div id="thevideo1"> 
<iframe id="iframe1" 
src="http://www.youtube.com/embed/myurl? 
rel=0&vq=hd720&color=white&autoplay=0 
&wmode=transparent&theme=light&showinfo=0" 
frameborder="0" allowscriptaccess="always" allowfullscreen="true"> 
</iframe> 

這一點的偉大工程。圖像是一個很長的橫幅。但在視頻結束後，它仍然在視頻屏幕上，我希望它回到較小的圖像。 雖然我找不到如何去做。沒有運氣尋找答案或嘗試位。有可能嗎？ 非常感謝

Answer 1

你可以使用jquery在視頻結束時「移除」你的iframe。

要刪除iframw，簡單的使用這個代碼

$('#iframe1').remove(); 

例子：

http://jsfiddle.net/4cxbeevj/

觸發事件時，視頻結束時，請看看下面的源

How to fire function on Embedded YouTube iFrame's end