JW Player 7:安装后更新徽标

时间:2016-04-16 09:13:56

标签: jwplayer jwplayer7

在设置播放器后,可以使用official JW Player Javascript API或非官方的解决方法来更新logo attribute吗?(无需从头开始设置)?

1 个答案:

答案 0 :(得分: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(){ ... });

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