Question

这是我的jplayer代码

<div id="player"></div>

使用Javascript：

$("#player").jPlayer( {
    ready: function () {
      $(this).jPlayer("setMedia", {
        mp3: '/bedupako/songs_related/uploads/1.mp3' // Defines the url
      }).jPlayer("play"); // Attempts to Auto-Play the media
    },
    supplied: "mp3",
    swfPath: "js"
  });

我确信我的mp3路径是正确的，我也确定swfpath。那为什么我的歌没有播放？

修改

好的，现在我刚刚结束了，就这样做了。我得到了DEMO jPlayer，simple circle并将其上传到我的网站上。仅进行以下更改：

circle.player.js得到了以下更改

solution: "html", // I want only HTML5 playback, NO FLASH
supplied: "mp3",

在Index.php中

。我删除了第二个玩家，然后将其中一个的构造函数更改为以下

var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
            {
                mp3: "http://bedupako.com/songs_related/uploads/40.mp3"
            }, {
                cssSelectorAncestor: "#cp_container_1"
            });

实时链接为here。我特意使用HTML5播放器，因为我需要它。（在Opera和firefox 中，chrome播放了我的歌曲;没有在IE中试过，但说实话我还是不关心IE：P cos总是有一些问题-_-）请禁用你的Flash插件才能播放

Answer 1

Firefox和Opera都不支持HTML 5音频中的MP3格式，只支持WEBMA和OGA：

HTML5 browsers and their supported audio file formats:

Firefox (OSX, Win): WEBMA, OGA
Safari (OSX, Win): MP3, M4A
Mobile Safari iOS4 (iPad, iPhone, iPod): MP3, M4A
Opera (OSX, Win): WEBMA, OGA
Chrome (OSX, Win): WEBMA, OGA, MP3, M4A
IE9 (Win): MP3, M4A (Can install the WebM codec.)

取自http://www.jplayer.org/latest/developer-guide/#reference-html5-audio-format

Answer 2

如果添加以下两个构造函数选项，是否会收到error或warning个警报？

$("#player").jPlayer( {
    ready: function () {
      $(this).jPlayer("setMedia", {
        mp3: '/bedupako/songs_related/uploads/1.mp3' // Defines the url
      }).jPlayer("play"); // Attempts to Auto-Play the media
    },
    supplied: "mp3",
    swfPath: "js",
    errorAlerts: true,
    warningAlerts: true
  });

Answer 3

我写了一个简短的例子，在我的博客上描述代码和目录结构：http://vigrond.com/blog/2011/12/01/invisible-html5-flash-audio-player-using-jplayer/（点击示例链接）

希望您可以将您的代码与此进行比较并查看问题。

如果没有实时测试页面，很难说是导致问题的原因。

Answer 4

您是否尝试过使用mp3文件的绝对路径？

为什么jplayer不播放歌曲

4 个答案: