Question

我试图在Jplayer的简单html页面上播放一个简单的曲目，我有mp3的曲目，并将其转换为m4a和ogg但不能让它们中的任何一个工作。所有路径都是正确的，我的标记如下：

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="/jplayer/jquery.jplayer.min.js"></script>
<script type="text/javascript">

    $(document).ready(function(){
        $("#jquery_jplayer_1").jPlayer({
        ready: function () {
            $(this).jPlayer("setMedia", {
                mp3: "/media/02 Cello Concerto _Overture_.mp3"
            });
            },
            solution:"flash,html",
            swfPath: "jplayer",
            supplied: "mp3"
        });
    });

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-44543565-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body style="text-align: center; background: url(images/bg.jpg) no-repeat center center; width: 100%; height: 100%; font-family: helvetica, arial; margin: 0px;">
    <div id="jquery_jplayer_1" class="jp-jplayer"></div>

Answer 1

从我在代码中看到的情况来看，这可能有多种原因：

JPlayer可能无法找到“jplayer.swf”。尝试添加完整路径。因为你只给它mp3，所以它会在firefox中使用flash fallback。
您的文件名“/ media / 02 Cello Concerto Overture .mp3”包含jPlayer可能无法正确处理的空格。
你应该总是向jPlayer音频播放器提供mp3和m4a。否则你可能无法在某些平台上玩游戏（例如你的情况下的ios）。

修改

您也不会发出播放命令：

... $(document).ready(function(){ $("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { mp3: "/media/02 Cello Concerto _Overture_.mp3" }).jPlayer("play"); }, solution:"flash,html", swfPath: "jplayer", supplied: "mp3" }); }); ...

Answer 2

即使在编码之后，jPlayer也不支持url中的空格（encodeUri / encodeUriComponent）。尝试重命名文件并删除空格。

Jplayer没有播放音乐文件，mp3，ogg和m4a

2 个答案: