JW Player 7：设置后更新徽标

【问题标题】：JW Player 7: Update logo after setupJW Player 7：设置后更新徽标
【发布时间】：2016-04-18 17:53:00
【问题描述】：

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

【问题讨论】：

打开 jwplayer.html5.js 文件。转到第 248 行。并在 a.defaults.file 方法中添加data:image/png;base64, <your_base64_image_string>。
感谢您的意见@Dhruv，但我希望使用一个徽标设置播放器，然后在播放器达到特定状态时将徽标更改为不同的东西

【解决方案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(){ ... });

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

【讨论】：