JW Player 7:设置后更新徽标
JW Player 7: Update logo after setup
播放器设置完成后official JW Player Javascript API or an unofficial workaround be used to update the logo attribute可以吗(无需从头开始设置)?
因为 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(){ ... });
或根据需要在任何其他时间。
播放器设置完成后official JW Player Javascript API or an unofficial workaround be used to update the logo attribute可以吗(无需从头开始设置)?
因为 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(){ ... });
或根据需要在任何其他时间。