嵌入的YouTube视频结束后折叠iframe

时间:2014-10-03 09:22:39

标签: html iframe youtube embed

我的页面上有一张图片,点击后会被大型嵌入式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>

这一点很有效。图像是一个很长的薄横幅。但是在视频结束后,它仍然在视频屏幕上,我希望它能够回到较小的图像。 我找不到如何做到这一点。在寻找答案或尝试比特时没有运气。有可能吗? 非常感谢

1 个答案:

答案 0 :(得分:0)

当视频结束时,您可以使用jquery“删除”您的iframe。

要删除iframw,请使用此代码

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

示例:

http://jsfiddle.net/4cxbeevj/

要在视频结束时触发事件,请查看以下来源

How to fire function on Embedded YouTube iFrame's end