2016-04-16 10 views
0

Kann die official JW Player Javascript API oder eine inoffizielle Workaround verwendet werden, um die logo attribute zu aktualisieren, nachdem der Player bereits eingerichtet wurde (ohne es von Grund auf neu einzurichten)?JW Player 7: Update Logo nach dem Setup

+0

Öffnen Sie die Datei jwplayer.html5.js. Gehe zu Zeile # 248. Und fügen Sie 'data: image/png; base64, ' in der Methode a.defaults.file hinzu. – Dhruv

+0

Danke für deine Eingabe @Dhruv, aber ich möchte den Player mit einem Logo einrichten und dann das Logo auf etwas anderes ändern, wenn der Player einen bestimmten Status erreicht –

Antwort

1

Da JW7 HTML5 verwendet, um die Benutzeroberflächenelemente des unterstützenden Players zu rendern, ist es sehr einfach, diese Elemente mit JavaScript zu ändern.

Die folgende JS-Funktion erlaubt es dir, das Logo zu ändern, indem es und das Bestehen der Spieler-ID und die URL zum neuen Logo-Bild-Aufruf:

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

Beispiel Nutzung:

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

Sie könnte diese Funktion sofort aufrufen, nachdem der Player mit dem onReady-Ereignis-Listener eingerichtet wurde:

Oder zu jeder anderen Zeit wie erforderlich.