2012-03-21 151 views
3

我正在爲JW Player製作自定義界面,該界面顯示當前曲目標題並具有播放/暫停,下一曲目,上一曲目和音量切換按鈕。JavaScript API不適用於Chrome瀏覽器或Safari瀏覽器JW Player 5.9

它適用於IE8/9和FF,但Chrome和Safari失敗。 Chrome的控制檯出現以下錯誤:Uncaught TypeError:Object#沒有方法'addControllerListener'

這是我用於測試的代碼。

<div id="container">Loading the player ...</div> 
<script type="text/javascript"> 
    jwplayer("container").setup({ 
     image: "preview.jpg", 
     height: 320, 
     width: 480, 
     modes: [ 
      { type: "html5" }, 
      { type: "flash", src: "player.swf" } 
     ], 
     'playlist': [ 
      { 'file': "audio/01.mp3", 'title': "Track 1" }, 
      { 'file': "audio/02.mp3", 'title': "Track 2" }, 
      { 'file': "audio/03.mp3", 'title': "Track 3" } 
     ], 
    }); 

    function playerReady(obj) 
    { 
     player = document.getElementById(obj.id); 
     displayFirstItem(); 
    }; 

    function displayFirstItem() 
    { 
     try 
     { 
      playlist = player.getPlaylist(); 
     } 
     catch(e) 
     { 
      setTimeout("displayFirstItem()", 100); 
     } 

     player.addControllerListener('ITEM', 'itemMonitor'); 
     itemMonitor({index:0}); 
    }; 

    function itemMonitor(obj) 
    { 
     $('#nowplaying').html('<span><strong>Now Playing:</strong> ' + playlist[obj.index]['title'] + '</span>'); 
    }; 
</script> 
<div id="nowplaying"></div> 
<div class="control_bar"> 
    <ul> 
     <li onclick='player.sendEvent("play");'>[ &#8250; ] Play/Pause</li> 
     <li onclick='player.sendEvent("prev");'>[ &laquo; ] Previous item</li> 
     <li onclick='player.sendEvent("next");'>[ &raquo; ] Next item</li> 
    </ul> 
</div> 

我已經搜索並嘗試了修改,比如增加了javascriptid參數,似乎沒有任何的Chrome或Safari工作。

任何想法?由於

回答

2

刪除{ type: "html5" },

HTML5渲染與div的和的img標籤播放器和播放視頻和它不支持所有Flash版本支持,其中包括JS API的一部分。

+0

就是這樣,非常感謝! 現在,Flash是默認模式,而html5可用作縮減功能回退。 – Lando 2012-03-28 17:38:07

+0

@ GRIGORE-TURBODISEL,我有seme問題。但在視頻開始播放jwplayer的JS API幾秒鐘後,js api無法正常工作。很奇怪。它可能是什麼? – Kalinin 2012-12-10 11:19:41

+0

@加裏寧聽起來不像我。用代碼打開另一個問題。 – 2012-12-10 12:57:18

相關問題