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.
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.
Here you go.
http://eclasses.nisd.net/osd/videos/test6/movie_previews.html
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.
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 http://eclasses.nisd.net/osd/videos/test6/five/five.xml (I think the fastest way is to copy and paste the entire src into the Chrome address bar and then save the image)
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAeCAYAAADQBxWhAAAAoUlEQVR42u3VPQrCMBgG4AdFb+QmKDq1u7fwQoIHcHHrMRxdxUXaK+gUl+jUwdIQEDK8fEmWJ3zkRwhB7ihoQQv6nygqtAgj0qIago4Fv/AQNKTKGBSaOG7i/LMOM6xwy4UeccECy9ToErtY9WzmhAmeKdE9DrH2oWdM8crV3is22OY8SHOscU+JZrkyqR6HbghaoxsJPlCXX6agBS3oz3kDWRU5TnoNYAcAAAAASUVORK5CYII=
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,
Todd
