播放列表上一個/下一個

我使用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; }）;

來源

2010-12-07 nana

你想用純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，並非全部鏈接。

來源

2010-12-07 17:38:18 elektronikLexikon

非常感謝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")鏈接工作。無需循環所有這些。

來源

2010-12-07 17:38:48

播放列表上一個/下一個

回答

相關問題