我的页面上有一张图片,点击后会被大型嵌入式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>
这一点很有效。图像是一个很长的薄横幅。但是在视频结束后,它仍然在视频屏幕上,我希望它能够回到较小的图像。 我找不到如何做到这一点。在寻找答案或尝试比特时没有运气。有可能吗? 非常感谢
答案 0 :(得分:0)
当视频结束时,您可以使用jquery“删除”您的iframe。
要删除iframw,请使用此代码
$('#iframe1').remove();
示例:
要在视频结束时触发事件,请查看以下来源