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