jquery - 如何在 jPlayer 中参数化 setMedia？

Question

我正在尝试使用 jPlayer 在我的模板中触发播放器。我需要将一个值传递给mp3选项，但我不知道如何将mp3setMedia设置为music.

$(document).ready(function(){
  var music = $(".album-playlist li").first().find("input").val();
  $("#jquery_jplayer_1").jPlayer({
    ready: function () {
      $(this).jPlayer("setMedia", {
        mp3: music,
      }).jPlayer("");
    },
    swfPath: "http://mysite.com/wp-content/themes/beta/libs",
    supplied: "mp3"
  });
});    

Answer 1

$(document).ready(function(){
  var music = $(".album-playlist li").first().find("input").val();
  $("#jquery_jplayer_1").jPlayer({
    ready: function () {
      $(this).jPlayer("setMedia", { mp3 : music }).jPlayer("");
    },
    swfPath: "http://mysite.com/wp-content/themes/beta/libs",
    supplied: "mp3"
  });
});

我将音乐变量移动到一个可以更容易定义的位置，还从传递值中的音乐变量中删除了美元符号 ($)。

如果您对其中当前包含的音乐感到好奇，可以通过插入 alert(music); 轻松找到。就在 var 音乐之后。例子：

var music = $(".album-playlist li").first().find("input").val();
alert(music);

Answer 2

编辑：您的问题是关于如何打印变量，但似乎您实际上想弄清楚setMedia如何jPlayer

查看此链接http://www.jplayer.org/latest/developer-guide/#jPlayer-setMedia

$("#jquery_jplayer_1").jPlayer( {
  ready: function() {
    $(this).jPlayer( "setMedia", {
      mp3: "yourpath/movie.mp3"
    });
  },
  supplied: "mp3"
);

在您的情况下，您所要做的就是移动$music到正确的范围。像这样：

$(document).ready(function(){
    var music = $(".album-playlist li").first().find("input").val();
    $("#jquery_jplayer_1").jPlayer( {
      ready: function() {
        $(this).jPlayer( "setMedia", {
          mp3: music
        });
      },
      supplied: "mp3"
    );
    $("#jquery_jplayer_1").append("Mp3: " + music);
});