2013-10-17 210 views
0

我想用jplayer只是简单的播放一个简单的html页面,我有mp3的轨道,并已将其转换为m4a和ogg,但不能得到任何他们的工作。所有的路径是正确的,我的标记如下:Jplayer没有播放音乐文件,mp3,ogg和m4a

<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> 

回答

0

从我在你的代码中看到,这可能有多种原因:

  1. JPlayer可能无法找到“jplayer.swf” 。尝试添加完整路径。因为你只给它mp3,所以它会在firefox中使用flash fallback。
  2. 您的文件名“/ media/02 Cello Concerto Overture .mp3”包含jPlayer可能无法正确处理的空格。
  3. 您应该始终向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" 
    }); 
}); 
... 
0

不知怎的jPlayer甚至没有编码(是encodeURI/encodeURIComponent方法)后,支持在网址空间。尝试重命名文件并删除空格。