Javascript API no funciona para Chrome o Safari en JW Player 5.9
Estoy trabajando en una interfaz personalizada para el JW Player que muestra el título de la pista actual y tiene botones de reproducción / pausa, pista siguiente, pista anterior y volumen.
Funciona para IE8 / 9 y FF, pero falla para Chrome y Safari. La consola de Chrome da el siguiente error:Uncaught TypeError: Object # no tiene el método 'addControllerListener'
Este es el código que estoy usando para probar.
<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>
He buscado e intentado varias modificaciones, como agregar el parámetro javascriptid, nada parece funcionar para Chrome o Safari.
¿Algunas ideas? Gracia