html - 嵌入式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