Question

我已经砸了好几天，因为我无法弄清楚如何在特定的div / span中显示JPlayer播放列表的当前歌曲tite / name？我正在使用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"
    });

谢谢你的帮助，伙计们！：）

Answer 1

在你的jplayer.playlist.js文件中，在_highlight函数中添加如下所示的行，并为要打印标题的div添加正确的my_jquery_selector：

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

这是从该方法的当前最后一行中设置的，该方法在播放器本身中设置标题div（this.cssSelector.title）。

有很多方法可以让玩家自己显示标题，但这似乎不是你要问的。我假设你想在玩家外面的某个div中显示标题。

Answer 2

要仅显示当前播放曲目，我只是在样式表中执行此操作：

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

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

拉JPlayer播放列表元素信息

2 个答案: