1

我好几天都在头疼,因为我不知道如何在特定的 div/span 中显示 JPlayer 播放列表的当前歌曲名称/名称?我正在使用 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"
    });

谢谢你们的帮助,伙计们!:)

4

2 回答 2

4

在您的 jplayer.playlist.js 文件中,在函数中添加如下所示的行,其中包含您希望打印标题_highlight的正确div:my_jquery_selector

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

这是从该方法的当前最后一行中提取的,该方法this.cssSelector.title在播放器本身中设置标题 div ( )。

有一些方法可以让标题显示在播放器本身中,但这似乎不是你要问的。我在这里假设您想在播放器外部的某个 div 中显示标题。

于 2012-09-20T22:53:42.357 回答
1

为了只显示当前播放的曲目,我只是在样式表中这样做了:

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

div.jp-playlist ul li.jp-playlist-current {
    display:inline;
}
于 2012-05-14T02:36:51.400 回答