播放列表上一个/下一个

问题描述：

我使用FLOWPLAYER 我有一个播放列表，但我没有使用他们的播放列表插件。我有PREV/NEXT按钮，所以我可以导航到另一个。播放列表上一个/下一个

演示:: 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（）。play（nex）; return false; }）; $（“＃previous”）。click（function（）{var> = link.eq（i -1）.attr（ 'href' 属性）; $ F（）播放（预）; 返回FALSE; }）;

你想用纯JavaScript或Jquery做到这一点吗？ – 2010-12-07 14:10:14

答

$("#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，并非全部链接。

非常感谢electronikLexikon，它的工作！ – nana 2010-12-08 11:39:33

答

我不确定我完全理解你想要什么。我假设你有循环的原因。但是，我猜你想引用你正在循环的当前链接实例而不是$("#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")链接工作。无需循环所有这些。

播放列表上一个/下一个

相关推荐