У меня есть компонент jplayer на моем сайте. Я хочу изменить динамику mp3, которая является sky.mp3 динамически, то есть через функцию ajax. Как я могу сделать это с помощью jquery?
var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
{
mp3:"sky.mp3"
}, {
cssSelectorAncestor: "#cp_container_1",
swfPath: "js",
supplied: "mp3",
wmode: "window",
keyEnabled: true
});
<div id="cp_container_1">
<a class="cp-play" onClick="return false;" href="#"></a>
</div>
Все это в документах для jPlayer: http://www.jplayer.org/latest/developer-guide/#jPlayer-setMedia
Для этого используйте метод jPlayer.setMedia. Предполагая, что вы используете плагин jQuery jPlayer:
$('#jquery_jplayer_1').jPlayer('setMedia',{
mp3: '/path/to/another-sky.mp3'
});
Предполагая, что вы играете из демонстрации jPlayer (http://www.jplayer.org/latest/demo-05/), есть другие методы, доступные из jPlayer API:
$('#jquery_jplayer_1').jPlayer('pause');
$('#jquery_jplayer_1').jPlayer('play');
$('#jquery_jplayer_1').jPlayer('volume',10);
Etc... просто убедитесь, что jPlayer выдает свое готовое событие, прежде чем пытаться взаимодействовать с ним.