Jplayer播放播放列表中的視頻點擊div

Question

我已經下載Jplayer並在網站上使用Jplayer視頻播放列表。 現在我使用一些div作爲大拇指。重點是我無法用拇指點擊播放視頻。 例如。如果我點擊thumb1 id，那麼第一個視頻應播放，如果第二個視頻。 這是我的播放列表代碼。

//<![CDATA[ 
$(document).ready(function() { 
    var currentpath = ""; 
    new jPlayerPlaylist({ 
      jPlayer: "#jquery_jplayer_1", 
      cssSelectorAncestor: "#jp_container_1" 
     }, [ 
      { 
       title: "Big Buck Bunny Trailer", 
       artist: "Blender Foundation", 
       free: true, 
       m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v", 
       ogv: "http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer.ogv", 
       webmv: "http://www.jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm", 
       poster: "http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png" 
      }, 
      { 
       title: "Finding Nemo Teaser", 
       artist: "Pixar", 
       m4v: "http://www.jplayer.org/video/m4v/Finding_Nemo_Teaser.m4v", 
       ogv: "http://www.jplayer.org/video/ogv/Finding_Nemo_Teaser.ogv", 
       webmv: "http://www.jplayer.org/video/webm/Finding_Nemo_Teaser.webm", 
       poster: "http://www.jplayer.org/video/poster/Finding_Nemo_Teaser_640x352.png" 
      }, 
      { 
       title: "Incredibles Teaser", 
       artist: "Pixar", 
       m4v: "http://www.jplayer.org/video/m4v/Incredibles_Teaser.m4v", 
       ogv: "http://www.jplayer.org/video/ogv/Incredibles_Teaser.ogv", 
       webmv: "http://www.jplayer.org/video/webm/Incredibles_Teaser.webm", 
       poster: "http://www.jplayer.org/video/poster/Incredibles_Teaser_640x272.png" 
      } 
     ], { 
      swfPath: "js", 
      supplied: "webmv, ogv, m4v", 
      smoothPlayBar: true, 
      keyEnabled: true 
     }); 

}); 

//]]>

現在可以請你告訴我，我很困惑怎麼樣去做。我的播放列表的名稱是什麼。 謝謝。

Answer 1

jPlayer播放列表可與當前播放列表的曲目的數量......所以如果你要玩「超人特攻隊傳情」的歌，你既可以做：

$(document).ready(function() { 
    var currentpath = ""; 
    var myPlaylist = new jPlayerPlaylist({ // Don't forget to create a var containing the playlist object 
      jPlayer: "#jquery_jplayer_1", 
      cssSelectorAncestor: "#jp_container_1" 
     }, [ 
      { 
       title: "Big Buck Bunny Trailer", 
       artist: "Blender Foundation", 
       free: true, 
       m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v", 
       ogv: "http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer.ogv", 
       webmv: "http://www.jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm", 
       poster: "http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png" 
      }, 
      { 
       title: "Finding Nemo Teaser", 
       artist: "Pixar", 
       m4v: "http://www.jplayer.org/video/m4v/Finding_Nemo_Teaser.m4v", 
       ogv: "http://www.jplayer.org/video/ogv/Finding_Nemo_Teaser.ogv", 
       webmv: "http://www.jplayer.org/video/webm/Finding_Nemo_Teaser.webm", 
       poster: "http://www.jplayer.org/video/poster/Finding_Nemo_Teaser_640x352.png" 
      }, 
      { 
       title: "Incredibles Teaser", 
       artist: "Pixar", 
       m4v: "http://www.jplayer.org/video/m4v/Incredibles_Teaser.m4v", 
       ogv: "http://www.jplayer.org/video/ogv/Incredibles_Teaser.ogv", 
       webmv: "http://www.jplayer.org/video/webm/Incredibles_Teaser.webm", 
       poster: "http://www.jplayer.org/video/poster/Incredibles_Teaser_640x272.png" 
      } 
     ], { 
      swfPath: "js", 
      supplied: "webmv, ogv, m4v", 
      smoothPlayBar: true, 
      keyEnabled: true 
     }); 

    myPlaylist.play(2); // Option 1 : Plays the 3rd item 
    myPlaylist.play(-1); // Option 2 : Plays the last item 

    // Now, if you want to click on a div to play something : 
    $('#myDivID').on('click', function(){ 
     myPlaylist.play(2); // Option 1 : Plays the 3rd item 
    }); 

}); 

下面是該jPlayer的文檔插件：http://jplayer.org/latest/demo-02-jPlayerPlaylist/