nfs0ujit 于 2023-05-17 发布在 jQuery

关注(0)|答案(2)|浏览(153)

我使用FLOWPLAYER我有一个播放列表，但我不使用他们的播放列表插件。我有上一个/下一个按钮，所以我可以导航到另一个。
演示：：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(function(i){
$("#next").click(function(){
 var nex = link.eq(i+1).attr('href');
      $f().play(nex);
      return false;
});
$("#previous").click(function(){
 var pre = link.eq(i-1).attr('href');
      $f().play(pre);
      return false;
});

jquery

来源：https://stackoverflow.com/questions/4377400/playlist-prev-next

2条答案

按热度按时间

46scxncf1#

我不确定我是否完全明白你想要什么。我想你在那里循环是有原因的。但是，我猜你想引用你正在循环的当前链接示例，而不是$("#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;
   });
});

如果你只想在一个正在播放的元素上执行此操作，给予它一个类'playing'，并且只使用具有该类$("#clips a.playing")的链接。不需要遍历所有这些。

赞(0）回复(0）举报 2023-05-17

weylhg0b2#

$("#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，而不是所有链接。

赞(0）回复(0）举报 2023-05-17

我来回答

jquery 播放列表上一页/下一页

2条答案

相关问题

热门标签

最新问答