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");'>[ › ] Play/Pause</li>
<li onclick='player.sendEvent("prev");'>[ « ] Previous item</li>
<li onclick='player.sendEvent("next");'>[ » ] Next item</li>
</ul>
</div>
我已经搜索并尝试了修改,比如增加了javascriptid参数,似乎没有任何的Chrome或Safari工作。
任何想法?由于
就是这样,非常感谢! 现在,Flash是默认模式,而html5可用作缩减功能回退。 – Lando 2012-03-28 17:38:07
@ GRIGORE-TURBODISEL,我有seme问题。但在视频开始播放jwplayer的JS API几秒钟后,js api无法正常工作。很奇怪。它可能是什么? – Kalinin 2012-12-10 11:19:41
@加里宁听起来不像我。用代码打开另一个问题。 – 2012-12-10 12:57:18