当youtubevideo完成时关闭fancybox弹出窗口

我在页面加载时用youtubevideo弹出了一个弹出窗口。

当video完成时，我需要关闭弹出窗口…是否可以集成此脚本？

这是代码：

    $(document).ready(function() { $("#yt").click(function() { $.fancybox({ 'padding' : 0, 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'title' : this.title, 'width' : 880, 'height' : 595, 'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 'type' : 'swf', 'swf' : { 'wmode' : 'transparent', 'allowfullscreen' : 'true' } }); return false; }); }); $('#foo').bind('click', function() { alert($(this).text()); }); $('#foo').trigger('click');    
fancybox example
 
 

我报告了这个讨论。

FancyBox和Youtube API事件

我没有用javascript练习有人可以帮助我吗？

Answer 1

你需要在页面上有一个JS播放器的实例。 然后你可以定位玩家状态的变化。 HERE是您需要的信息的链接。

您可以将脚本设置为在达到关闭PopUp框的状态时运行。

Answer 2

这是Fancybox-Youtube-Cookie-Autoclose-Autopopup的完整脚本，只需将css中所需的图像下载到根目录中的/ fancybox文件夹中，然后替换为您的videoID。 真的完全测试了……