Javascript 拉入层播放列表元素信息
我好几天都在绞尽脑汁,因为我不知道如何在特定的div/span中显示JPlayer播放列表的当前歌曲tite/name?我使用的代码来自JPlayer的演示:Javascript 拉入层播放列表元素信息,javascript,jquery,jplayer,Javascript,Jquery,Jplayer,我好几天都在绞尽脑汁,因为我不知道如何在特定的div/span中显示JPlayer播放列表的当前歌曲tite/name?我使用的代码来自JPlayer的演示: var playlist = new jPlayerPlaylist({ jPlayer: "#jquery_jplayer_1", cssSelectorAncestor: "#jp_container_1" }, [ { title:"Song - 1",
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"
});
谢谢你们的帮助,伙计们!:) 为了只显示当前播放的曲目,我在样式表中做了如下操作:
div.jp-playlist ul li {
display:none;
}
div.jp-playlist ul li.jp-playlist-current {
display:inline;
}
为了只显示当前播放的曲目,我在样式表中做了如下操作:
div.jp-playlist ul li {
display:none;
}
div.jp-playlist ul li.jp-playlist-current {
display:inline;
}
在jplayer.playlist.js文件中,使用正确的
my\u jquery\u选择器
为要打印标题的div添加一行如下内容到\u highlight
函数:
$(my_jquery_selector).html(this.playlist[index].title);
这是从该方法的当前最后一行开始的,该方法在播放器本身中设置title div(This.cssSelector.title
)
有很多方法可以让头衔在球员身上体现出来,但这似乎不是你想要的。我在这里假设您希望在播放机之外的某个div中显示标题。在您的jplayer.playlist.js文件中,使用正确的
my\u jquery\u选择器
为您希望打印标题的div添加一行,如下所示:
$(my_jquery_selector).html(this.playlist[index].title);
这是从该方法的当前最后一行开始的,该方法在播放器本身中设置title div(This.cssSelector.title
)
有很多方法可以让头衔在球员身上体现出来,但这似乎不是你想要的。我在这里假设您希望在球员之外的某个div中显示标题。最后我意识到如何解决这个问题。当我使用JPlayer的playlist版本时,它会生成一个未排序的列表(我忘记了,因为我将其不透明度设置为0),并且会用一些特殊的类标记当前曲目。所以我做了一个定时功能,它检查播放列表标记是否更改,如果更改,则将新标题复制到我需要的框中。但是当我写这篇文章的时候,我发现我可以控制播放列表的显示风格,所以我不需要复制任何东西…:)我终于明白了如何解决这个问题。当我使用JPlayer的playlist版本时,它会生成一个未排序的列表(我忘记了,因为我将其不透明度设置为0),并且会用一些特殊的类标记当前曲目。所以我做了一个定时功能,它检查播放列表标记是否更改,如果更改,则将新标题复制到我需要的框中。但是当我写这篇文章的时候,我发现我可以控制播放列表的显示风格,所以我不需要复制任何东西…:)