<div id="jquery_jplayer_vk" class="jp-jplayer"></div>
<div id="jp_container_vk" class="jp-audio">
<ul class="jp-controls">
<li><a href="javascript:;" class="jp-play" tabindex="1"></a></li>
<li><a href="javascript:;" class="jp-pause" tabindex="1"></a></li>
<li><a href="javascript:;" class="jp-stop" tabindex="1"></a></li>
<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute"></a></li>
<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute"></a></li>
<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume"></a></li>
<div class="clear"></div>
</ul>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="scroll-pane-vk">
<div>
<ul class="jplayer-playlist">
Формируется на js в цикле =-----------------------------------------------------=
<li><a href="'+url_vk+'" class="track track-default">'+artist_vk+' - '+title_vk+'<span></span></a></li>
<li class="jplayer-playlist-line"></li>
=----------------------------------------------------------------------------=
</ul>
</div>
</div>
</div>
$(document).ready(function() {
//vk player
var my_jPlayer_vk = $("#jquery_jplayer_vk");
my_jPlayer_vk.jPlayer({
ready: function () {
},
repeat: function(event) { // Override the default jPlayer repeat event handler
$(this).bind($.jPlayer.event.ended + ".jPlayer.jPlayerRepeat", function() {
$(this).jPlayer("play");
});
},
swfPath: "js",
cssSelectorAncestor: "#jp_container_vk",
supplied: "mp3",
wmode: "window",
playing:function () {
$(this).jPlayer("pauseOthers", 0); // Останавливаем все плееры кроме текущего
}
});
// Create click handlers for the different track svk
$("#jp_container_vk .track").click(function(e) {
my_jPlayer_vk.jPlayer("setMedia", {
mp3: $(this).attr("href")
});
my_jPlayer_vk.jPlayer("play");
$(this).blur();
return false;
});
});
_____________
Мой первый сайтик
Посмотри на свой XBMC под другим углом