Firefox上的神秘jPlayer 2.0.0错误

时间:2011-04-12 18:33:32

标签: javascript jquery firefox jplayer

我的客户在这里有一个列出他的音乐的页面:http://bit.ly/flbgwm。每首歌都有自己的播放器,由jPlayer 2.0.0提供支持。他们在Safari / Chrome中工作,但在Firefox中没有,它使用Flash播放mp3。我不能为我的生活找出正在发生的事情。

以下是其中一首歌曲的代码示例:

<div id="jquery_jplayer_1" class="jp-jplayer"></div>

<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div class="jp-audio">
    <div class="jp-type-single">
        <div id="jp_interface_1" class="jp-interface">
        <ul class="jp-controls">
            <li><a href="#" class="jp-play" tabindex="1">play</a></li>
            <li><a href="#" class="jp-pause" tabindex="1">pause</a></li>
            <li><a href="#" class="jp-stop" tabindex="1">stop</a></li>
            <li><a href="#" class="jp-mute" tabindex="1">mute</a></li>
            <li><a href="#" class="jp-unmute" tabindex="1">unmute</a></li>
    </ul>
    <div class="jp-progress">
            <div class="jp-seek-bar">
        <div class="jp-play-bar"></div>
        </div>
      </div>
      <div class="jp-volume-bar">
          <div class="jp-volume-bar-value"></div>
      </div>
      <div class="jp-current-time"></div>
      <div class="jp-duration"></div>
                  <a class="DownloadLink" href="[My download file]">download mp3</a>
      </div>
</div>

</div>


<script type="text/javascript">
  $(document).ready( function() {
        $("#jquery_jplayer_1").jPlayer({
            ready: function() {
              $(this).jPlayer("setMedia", {
                    mp3: "[The mp3 link]"
                });
            },
            play: function() {
                $(this).jPlayer("pauseOthers");
            },
            supplied: 'mp3',
            swfPath: 'custom/',
            cssSelectorAncestor: "#jp_interface_1"
        });
  });
</script>

jPlayer javascript文件和jPlayer swf文件都是最新的,上面的路径也是如此。有谁知道为什么这段代码在Firefox中不起作用?我发现与任何其他脚本没有任何冲突。 (我正在使用jQuery 1.5.1。)

1 个答案:

答案 0 :(得分:1)

在这种情况下,它会查找相对于SWF文件的音乐,而不是html,因为Firefox使用的是flash版本。如果您使用相对路径而不是歌曲的http链接,则可能无法找到您的音乐。