私のクライアントはここに彼の音楽をリストしたページを持っています:http://bit.ly/flbgwm。各曲には、jPlayer2.0.0を搭載した独自のプレーヤーがあります。それらはSafari/Chromeで動作しますが、Flashを使用してmp3を再生するFirefoxでは動作しません。何が起こっているのか理解できません。
曲の1つのコードの例を次に示します。
<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>
上記のパスと同様に、jPlayerjavascriptファイルとjPlayerswfファイルはどちらも最新です。このコードがFirefoxで機能しない理由を誰かが知っていますか?他のスクリプトとの競合は見つかりません。(私はjQuery 1.5.1を使用しています。)