如何使用jPlayer的Flash解決方案（Firefox）

我試圖在我的網站上安裝jPlayer，但它不適用於Firefox（22.0）。播放列表僅在單擊隨機按鈕時顯示，然後我可以播放歌曲，但進度欄始終爲空。當DOM準備就緒時，列表是空的（具有jp播放列表類的div）。如何使用jPlayer的Flash解決方案（Firefox）

下面是代碼：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     var jplayer = new jPlayerPlaylist({ 
       jPlayer: "#jquery_jplayer_1", 
       cssSelectorAncestor: "#jp_container_1"          
      }, [{ 
        title="My title", 
        mp3 : "/music/my_song.mp3" 
       }, 
       { 
        title="My title2", 
        mp3 : "/music/my_song2.mp3" 
       }], 
      { 
        swfPath: "http://www.jplayer.org/latest/js/Jplayer.swf", 
        supplied: "mp3", 
        volume: .7, 
        wmode:"window", 
        solution: "html,flash" 
      }); 
    }); 
</script> 
<div id="jp_container_1" class="jp-video jp-video-270p"> 
    <div class="jp-type-playlist"> 
      <div id="jquery_jplayer_1" class="jp-jplayer"></div> 
      <div class="jp-gui"> 
      <div class="jp-interface"> 
       <div class="jp-progress"> 
        <div class="jp-seek-bar"> 
         <div class="jp-play-bar"></div> 
        </div> 
       </div> 
       <div class="jp-current-time"></div> 
       <div class="jp-duration"></div> 
       <div class="jp-controls-holder"> 
        <ul class="jp-controls"> 
         <li><a href="javascript:;" class="jp-previous" tabindex="1">Pr&eacute;c&eacute;dent</a></li> 
         <li><a href="javascript:;" class="jp-play" tabindex="1">Jouer</a></li> 
         <li><a href="javascript:;" class="jp-pause" tabindex="1">Pause</a></li> 
         <li><a href="javascript:;" class="jp-stop" tabindex="1">Stop</a></li> 
         <li><a href="javascript:;" class="jp-next" tabindex="1">Suivant</a></li> 
        </ul> 
        <div class="sound-bar"> 
         <ul class="jp-controls sound"> 
          <li><a href="javascript:;" class="jp-mute" tabindex="1" title="Muet">Mute</a></li> 
          <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="Actif">Unmute</a></li> 
          <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="Volume max">Volume max</a></li> 
         </ul> 
         <div class="jp-volume-bar"> 
          <div class="jp-volume-bar-value"></div> 
         </div> 
        </div> 
        <ul class="jp-toggles"> 
         <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="Al&eacute;atoire">Al&eacute;atoire</a></li> 
         <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="D&eacute;sactiver al&eacute;atoire">Non al&eacute;atoire</a></li> 
         <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="R&eacute;p&eacute;ter">R&eacute;p&eacute;ter</a></li> 
         <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="D&eacute;sactiver r&eacute;p&eacute;tition">Ne pas r&eacute;p&eacute;ter</a></li> 
        </ul> 
       </div> 
       <div class="jp-title"> 
        <ul> 
         <li></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
     <div class="jp-playlist"> 
      <ul> 
       <!-- The method Playlist.displayPlaylist() uses this unordered list --> 
       <li></li> 
      </ul> 
     </div> 
    </div> 
</div> 
<script type="text/javascript" src="/js/jPlayer/jplayer.min.js"></script> 
<script type="text/javascript" src="/js/jPlayer/add-on/playlist.min.js"></script>

感謝您的幫助

來源

2013-05-30 thomas-hiron

變化swfPath: "http://www.jplayer.org/latest/js/Jplayer.swf",到«swfPath: "js",。

我相信swfPath應該是保存.swf文件的文件夾的路徑，而不是文件本身的正常路徑。

「Jplayer.swf文件必須上傳到您的服務器，默認位置是相對於您當前頁面在名爲」js「的文件夾中。要修改Flash文件的位置，請使用swfPath構造函數選項。是如何將swfPath設置爲相對於服務器根的路徑。有關更多信息，請參閱jPlayer（{swfPath}）構造函數選項。「 - http://www.jplayer.org/latest/developer-guide/#jPlayer-server-response

來源

2013-07-24 23:10:48 dmcblue

感謝您的回答。我更換了audiojs的播放器。這是完美的：） –

如何使用jPlayer的Flash解決方案（Firefox）

回答

相關問題