2012-03-21 120 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

相关问题