Jquery fancybox + 无限轮播的 Vimeo 问题

Question

另一个来自 javascript 菜鸟的 Vimeo 相关问题...

我已经在这里设置了我的问题：http://jsfiddle.net/ajtTF/

当链接被点击时，它会加载一个带有 Jquery 无限轮播图库的内联 Fancybox 模态框。该库目前包含 2 个嵌入的 Vimeo 视频。

一切都很好，直到模态关闭，然后重新启动。现在，由于某种原因，模态将第二个视频替换为第一个视频（即，显示同一视频的两个实例，而忽略另一个）。

在这种情况下，我最终会想要几个视频。如果应用一些额外的js，我不知道这是否值得考虑。

提前非常感谢，我必须强调我的 js 技能是不存在的，所以请清楚！随意摆弄我的例子。

Answer 1

http://jsfiddle.net/ajtTF/6/

Hej 我不确定为什么关闭模式时 iframe 的 src 会被清除。

它似乎是你代码的一部分，所以我认为它与fancybox有关。

无论如何，您之前的代码不起作用的原因是因为您在模态加载时从第一个 iframe 中获取了 src，然后在模态关闭时将其应用于两个 iframe。

所以当你打开它时，它在两个 iframe 上都有相同的 src。

此代码分别保存每个帧的 src。 这段代码是 2 还是 10 个 iframe 都没关系。

GL

  'onComplete': function() {
    $("#inline2 iframe").each(function(i) {
     $(this).data("src", $(this).attr("src"));
    });
  }, 

  'onClosed': function() {
   $("#inline2 iframe").each(function(i) {
    $(this).attr("src", $(this).data("src"));
   });
  }