JW Player 7:安装后更新徽标

Question

在播放器设置好后（无需从头开始设置），是否可以使用官方的JW Player Javascript API或非官方的解决方法来更新徽标属性？

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(){ ... });

或在需要的任何其他时间。