3

我正在尝试在 Firefox 3.6 (Ubuntu) 下使用 jPlayer

function loadmedia() {
  $('#jquery_jplayer_1').jPlayer('setMedia', {
    mp3: 'media/audio/04-Piste_4_1.mp3',
  });
}

$(document).ready(function () {
  $('#jquery_jplayer_1').jPlayer({
    ready: loadmedia,
    swfPath: 'static/jPlayer',
    errorAlerts: true,
    supplied: 'mp3',
  });
});

但它告诉我

jPlayer 2.1.0：id='jquery_jplayer_1'：错误！

尝试发出媒体播放命令，但未设置媒体 url。

使用 setMedia() 设置媒体 URL。

背景：玩

并且不播放文件

你在这里查看一个在线示例

4

2 回答 2

4

jPlayer的主要目的是让你可以使用带有flash fallback的html5，所以你应该利用FF和chrome的html5，而不是依赖它回退到flash。

Firefox 不支持 html5 上的 mp3，它们支持 ogg，无论如何这更好。我总是格式化我需要为每个浏览器播放的每个音频文件，这样您就可以在可用时利用 html5，并且您可以为您的应用程序提供更好的加载音频文件的机会，每个浏览器有 3 个可供选择（不是全部加载，只是它需要的那个）。

使用：.ogg 用于 Chrome 和 Firefox，.m4a 用于 Safari，.mp3 用于 IE。 看这里

隐藏你的音频文件然后试试这个：

function loadmedia(){
   $('#jquery_jplayer_1').jPlayer('setMedia', {
      oga: 'media/audio/04-Piste_4_1.ogg',
      m4a: 'media/audio/04-Piste_4_1.m4a',
      mp3: 'media/audio/04-Piste_4_1.mp3'
   });
}

$(document).ready(function () {
  $('#jquery_jplayer_1').jPlayer({
    ready: loadmedia,
    swfPath: 'static/jPlayer',
    errorAlerts: true,
    supplied: 'oga, m4a, mp3'//fyi, in your code you had a trailing comma here, that will break IE
  });
});

编辑：

在 jPlayer 网站上看到了这个新的音频演示：链接

请注意，设置 {wmode:"window"} 选项以确保在 Firefox 3.6 中使用 Flash 解决方案进行播放。但是，在这种情况下，HTML 解决方案将使用 OGA 格式。

于 2011-09-14T16:09:46.500 回答
0

您的代码中有可能导致此行为的错误：

你有：

mp3: 'media/audio/04-Piste_4_1.mp3',

它应该是

mp3: 'media/audio/04-Piste_4_1.mp3'

所以去掉逗号。

于 2012-10-10T06:33:46.730 回答