2011-11-19 77 views
1

因为我无法弄清楚如何在特定的div/span中显示JPlayer播放列表的当前歌曲tite /名称,所以我碾压了我的脑袋。我使用JPlayer的演示代码:Pull JPlayer播放列表元素信息

var playlist = new jPlayerPlaylist({ 
    jPlayer: "#jquery_jplayer_1", 
    cssSelectorAncestor: "#jp_container_1" 
    }, [ 
     { 
      title:"Song - 1", 
      mp3:"./path/to/song1.mp3" 
     }, 
     { 
      title:"Song - 2", 
      mp3:"./path/to/song2.mp3" 
     }, 
     ], { 
     swfPath: "js", 
     supplied: "mp3", 
     wmode: "window" 
    }); 

感谢您的帮助,伙计! :)

+0

最后我已经意识到如何解决这个问题。当我使用JPlayer的播放列表版本时,它会创建一个未排序的列表(我忘记了,因为我已将其不透明度设为0),并且会在某些特殊类中标记当前曲目。所以我做了一个定时功能,它检查播放列表标记是否改变,如果是 - 将新标题复制到我需要的框中。但是,当我写这个我发现我可以操纵播放列表的显示样式,所以我不需要复制任何东西...... :) – alilia

回答

1

要仅显示当前播放曲目,我只是在样式表这样做:

div.jp-playlist ul li { 
    display:none; 
} 

div.jp-playlist ul li.jp-playlist-current { 
    display:inline; 
} 
4

在你jplayer.playlist.js文件中添加一行以正确的以下为_highlight功能

$(my_jquery_selector).html(this.playlist[index].title); 

这是从设置在播放器本身的标题DIV(this.cssSelector.title)该方法目前最后一行抬高:my_jquery_selector你想标题的DIV中进行打印。

有一些方法可以让玩家自己显示标题,但这似乎并不是你要求的。我在这里假设你想在球员外的某个div上显示标题。