2013-01-12 73 views
2

由於用於WordPress的mp3-jplayer插件破壞了WP 3.5更新,因此我正在使用jPlayer,並且它似乎被開發人員放棄。jPlayer 2.2.0:在頁面加載時在單獨的div中顯示曲目標題

該插件的一個很好的功能是,它顯示當前軌道的標題在控制欄上方的div中。另外,如果播放列表中只有一首歌曲,則會有一個腳本來隱藏播放列表,因此只有控制欄上方的曲目標題。我正在嘗試將此功能添加到常規(非插件)jPlayer。

我可以使用此代碼一個新的div顯示標題,從jPlayer論壇: - 你按下它只能顯示後'

$("#jquery_jplayer_1").bind($.jPlayer.event.play, function (event) { 
    var current = myPlaylist.current, 
     playlist = myPlaylist.playlist; 
    $.each(playlist, function (index, obj) { 
     if (index == current) { 
      $('.jp_current_track_title').text(obj.title); 
     } 
    }); 
}); 

然而,這並不在頁面加載時加載的曲目標題玩。'請注意,當玩家加載時,播放列表中的第一首曲目會突出顯示(選中)。

所以我的問題是:我怎樣才能獲得軌道標題加載時頁面加載?

測試頁面是here

我是新來的JavaScript/jQuery。

在此先感謝。

回答

0

Jplayer還提供了一個準備好的事件:$.jPlayer.event.ready。一旦玩家加載完成,應該可以使用它來做同樣的事情。

0

更改的行:

$("#jquery_jplayer_1").bind($.jPlayer.event.play, function (event) { 

$("#jquery_jplayer_1").bind($.jPlayer.event.ready, function (event) { 

,使得DIV被更新一次的播放器準備就緒。

相關問題