Brightcove .addeventlistener 函数的 jQuery FancyBox 问题

Question

好吧，伙计们，这就是我遇到的问题，我有一个来自 Brightcove 的视频，并且我从他们的 api 添加了一个事件侦听器，以在播放完成后关闭 fancybox 2.0 模式窗口。但偶数侦听器没有发生，因为 fancybox 复制了 div 中的内容而不是 javascript，因此事件侦听器没有被激活。

这是代码

   <!-- Start Brightcove API -->
   <script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/APIModules_all.js"></script>
   <script type="text/javascript">
       var bcExp;
       var modVP;
       function onTemplateLoaded(experienceID) {
           alert("EVENT: TEMPLATE_LOAD");
           bcExp = brightcove.getExperience(experienceID);
           modVP = bcExp.getModule(APIModules.VIDEO_PLAYER);
           modVP.addEventListener(
           BCMediaEvent.COMPLETE, 
           function(event) {
               alert("EVENT: Close Modal Activated");
               jQuery.fancybox.close(true);
           }
       );
       }

       /*   
       function onTemplateLoaded(experienceID) {
           alert("EVENT: TEMPLATE_LOAD");
           bcExp = brightcove.getExperience(experienceID);
           modVP = bcExp.getModule(APIModules.VIDEO_PLAYER);
           modVP.addEventListener(BCMediaEvent.COMPLETE, closeModal);
       }
       function closeModal(event) {
           alert("EVENT: Close Modal Activated");
           jQuery.fancybox.close(true);
       }
        */
   </script>
   <!-- End Brightcove API -->

有什么想法或解决方案吗？

Answer 1

我已经使用 vimeo 完成了此操作，但通常我会使用脚本创建一个单独的 html 页面来运行视频。然后我使用 iframe 模式 (type:'iframe') 在 Fancybox 中打开该页面。

对于 vimeos 的听众，我有：

function endOfVideo() {
  parent.$.fancybox.close();
}

vimeoAPI.api_addEventListener("onFinish","endOfVideo"); 

这可以解决问题。

看看相似之处，我想在你的情况下这应该可行：

modVP.addEventListener(
 BCMediaEvent.COMPLETE, function(){parent.jQuery.fancybox.close();}
);

无论如何，检查你的 API 文档以获取正确的格式和语法，但 jQuery.fancybox.close(); 或 parent.jQuery。 fancybox.close(); 如果使用 iframe，在任何情况下都应该工作

Answer 2

感谢您的消息，但我实际上发现这对我来说是一个巨大的错误，我像这样调用 fancybox

jQuery.document().ready(function() { 
if (document.location.hash === '#video') { 
jQuery.fancybox.open([{ 
content: jQuery('.video').html(), 

其余的并不重要，因为这就是破坏它的 .html() 但无论高兴它现在修复了