Javascript jPlayer 2.2.0:在页面加载时在单独的div中显示曲目标题
自从WordPress的mp3 jPlayer插件在WP3.5更新中崩溃后,我就直接与jPlayer合作,开发者似乎放弃了它 插件的一个很好的特性是,它在控制栏上方的div中显示当前曲目的标题。此外,如果播放列表中只有一首歌曲,则会有一个脚本隐藏播放列表,因此控制栏上方只有曲目标题。我正在尝试将此功能添加到常规(非插件)jPlayer 我可以在jPlayer论坛的新div中显示标题,代码如下:Javascript jPlayer 2.2.0:在页面加载时在单独的div中显示曲目标题,javascript,jquery,jplayer,Javascript,Jquery,Jplayer,自从WordPress的mp3 jPlayer插件在WP3.5更新中崩溃后,我就直接与jPlayer合作,开发者似乎放弃了它 插件的一个很好的特性是,它在控制栏上方的div中显示当前曲目的标题。此外,如果播放列表中只有一首歌曲,则会有一个脚本隐藏播放列表,因此控制栏上方只有曲目标题。我正在尝试将此功能添加到常规(非插件)jPlayer 我可以在jPlayer论坛的新div中显示标题,代码如下: $("#jquery_jplayer_1").bind($.jPlayer.event.play, f
$("#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);
}
});
});
但是,当页面加载时,这不会加载曲目标题-它仅在您按“播放”后显示。请注意,当播放器加载时,播放列表中的第一首曲目会高亮显示(选中)
所以我的问题是:当页面加载时,我如何获得要加载的曲目标题
测试页面是
我不熟悉javascript/jQuery
提前感谢。Jplayer还提供了一个就绪事件:
$.Jplayer.event.ready
。玩家加载后,应该可以使用此功能执行相同的操作。更改行:
$("#jquery_jplayer_1").bind($.jPlayer.event.play, function (event) {
到
这样一旦玩家准备好,div就会被更新
$("#jquery_jplayer_1").bind($.jPlayer.event.ready, function (event) {