Question

我使用FLOWPLAYER 我有一个播放列表，但我不使用他们的播放列表插件。我有PREV / NEXT按钮，所以我可以互相导航。

demo :: http://baazooka.com/_ext/flowplayer/index.html

    $("#clips a").each(function(index){

    $("#next").click(function(){
    var nex = $("#clips a").next().attr('href');
          $f().play(nex);
          return false;
   });
   $("#previous").click(function(){
    var pre = $("#clips a").prev().attr('href');
          $f().play(pre);
          //return false;
   });

});

但它只能工作一次。 #next和#previous的值保持相同的值。它没有创造或减少。

我在下面发现了这个，但仍然无效。它会跳过视频...

   var link = $("#clips a");

link.each（功能（I）{ $（ “＃未来”）。点击（函数（）{ var nex = link.eq（i + 1）.attr（'href'）; 。$ F（）播放（NEX）; 返回false; }）; $（ “＃以前的”）。点击（函数（）{ var pre = link.eq（i-1）.attr（'href'）; 。$ F（）播放（预）; 返回false; }）;

Answer 1

我不确定我完全理解你想要什么。我假设你有一个循环在那里有一个原因。但是，我猜你想要引用你正在循环的当前链接实例而不是$("#clips a") - 这不是迭代器。

$("#clips a").each(function(index){
    var link = $(this);

    $("#next").click(function(){
    var nex = link.next().attr('href');
          $f().play(nex);
          return false;
   });

   $("#previous").click(function(){
    var pre = link.prev().attr('href');
          $f().play(pre);
          //return false;
   });
});

如果您只想对正在播放的元素执行此操作，请为其播放“播放”类，并仅使用具有该类$("#clips a.playing")的链接。无需遍历所有这些。

Answer 2

$("#clips a").each(function(index){
  $("#next").click(function(){
    var nex = $("#clips a.playing:first").next().attr('href');
    $f().play(nex);
    return false;
  });
  $("#previous").click(function(){
    var pre = $("#clips a.playing:first").prev().attr('href');
    $f().play(pre);
    return false;
  });
});

只需选择.playing，而不是所有链接。

播放列表上一个/下一个

2 个答案: