Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Skin Customization

I am attempting to change the look of one of the buttons on the skins I downloaded from this site (Five and Six). I would like to replace the HD button with a different one.

I have already attempted replacing the image in the files, but that does not seem to work.

Is there something I need to do to the skin (compiling, rendering) before I simply replace the image? I am keeping the names hdButton and hdButtonOff - just replacing the images.

Thank you.

3 Community Answers


JW Player Support Agent  
0 rated :

Can you include a link to your test page? What version of the player are you using? Please note that the Free player will not accept any other than the default skin.


0 rated :

Here you go.

While I am using the Free Player, it is allowing me to apply a different skin. I've successfully changed it between Five and Six.


JW Player Support Agent  
0 rated :

You would need to do the following:

1) Grab the existing base64 sources for <element name="hdButton"> and <element name="hdButtonOff"> in the <component name="controlbar"> section of your skin at (I think the fastest way is to copy and paste the entire src into the Chrome address bar and then save the image)


2) Edit these or create a new image for each
2) Convert the new images to base64
3) Then update the base64 sources, save the skin, and then check out your new buttons in the control bar.

Hope this helps,

This question has received the maximum number of answers.