jwplayer - JW Player 7：设置后更新徽标

Question

可以在播放器设置完成后使用官方 JW Player Javascript API或非官方解决方法来更新logo 属性（无需从头开始设置）？

Answer 1

因为 JW7 使用 HTML5 来呈现支持的播放器 UI 元素，所以使用 JavaScript 动态修改这些元素非常容易。

以下 JS 函数将允许您通过调用它并将播放器 ID 和 URL 传递给新徽标图像来修改徽标：

function changeJWLogo(playerId, logoUrl){
    var logoElem = document.querySelector('#'+playerId + ' .jw-logo');
    logoElem.style.backgroundImage='url('+logoUrl+')';
}

示例用法：

changeJWLogo('container','http://powered-by-haiku.co.uk/wp-content/uploads/2012/05/haiku.gif');

您可以在使用 onReady 事件侦听器设置播放器后立即调用此函数：

jwplayer().on("ready", function(){ ... });

或根据需要在任何其他时间。