jquery - 通过ajax改变jplayer的mp3文件

Question

我的网站中有一个 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>

Answer 1

这一切都在 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);

等等……只要确保 jPlayer 在你尝试与它交互之前发出它的 ready 事件。