1

是否可以创建一个 jQuery 单击函数来播放 jPlayer 播放列表中的第一首歌曲？

我一直在参考这里的文档：

http://www.jplayer.org/latest/demo-02-jPlayerPlaylist/

并且有一个显示“播放”的链接示例，单击该链接会播放播放列表中的第一首曲目，但我不确定这是如何触发的。

文档稍后引用：

play([index:Number]) : 无效

播放播放列表中的项目。如果没有给出参数，则播放当前项目。正索引从播放列表的开头播放项目，而负索引从结尾播放项目。

// Examples of usage:
myPlaylist.play(); // Plays the currently selected item
myPlaylist.play(0); // Plays the 1st item
myPlaylist.play(1); // Plays the 2nd item
myPlaylist.play(-1); // Plays the last item

所以我的问题是，这个功能可以通过 jQuery 中的点击功能触发吗？如果可以的话，有人可以就所需的基本语法提出建议吗？

谢谢你。

更新：

为了提供更多上下文和我正在尝试的示例，在头部区域有现有的点击功能，我正在尝试在此处添加播放曲目的指令，例如：

<script>
$(document).ready(function(){
$(".open_doors").click(function(){
$("#leftdoor_inner").animate({"left": "-=164px"}, 'slow');
// etc ....
// here is attempt to trigger jPlayer
myPlaylist.play(0); 
});
</script>

这是头部区域中定义的播放列表：

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
var myPlaylist = new jPlayerPlaylist({
jPlayer: "#jquery_jplayer_1",
cssSelectorAncestor: "#jp_container_1",
verticalVolume: "true",
}, [
{
title:"Cro Magnon Man",
mp3:"http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3",
oga:"http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg"
},
{
title:"Your Face",
mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3",
oga:"http://www.jplayer.org/audio/ogg/TSP-05-Your_face.ogg"
}
], {
swfPath: "js",
supplied: "oga, mp3",
wmode: "window"
});
});
//]]>
</script>

所以这个设置目前不起作用，我不确定我是否在 jQuery click 函数中正确引用了播放列表。

谢谢你。

更新，解决方案：

好的，我想出了一个解决方案，我必须在脚本区域中添加代码，以下列方式定义播放列表（见上文）：

{
swfPath: "js",
supplied: "oga, mp3",
wmode: "window"
});
$(".open_doors").click(function() {
myPlaylist.play(0);
});
4

1 回答 1

3

这似乎是一个太简单的答案，所以如果我遗漏了什么，请原谅我，但你有没有尝试过这种事情？（用适合您用例的选择器替换“元素”。）

$("element").click(function(){
    myPlaylist.play(0);
});
于 2012-10-25T16:02:53.147 回答