How to create a skin for JW Player

skin-shotBelow you can see the skin elements of of the control bar.  As you can see, they consist of small images which you can easily change. The best way to start a skin is by copying an existing one. In the installation zip (s3mediapro.zip) is a folder called: skins and in that folder is a  sub folder called Beelden.  I used that one as a basis for Polished Metal, included in this module.

 

skin-legend

  1. capLeft
  2. playButton/pauseButton
  3. divider
  4. timeSliderProgress
  5. timeSliderThumb
  6. timeSliderBuffer
  7. fullscreenButton/normalscreenButton
  8. muteButton/unmuteButton
  9. volumeSlider (Rail, Buffer, Progress)
  10. capRight

All it takes is to open all those images in an image editor and adapt it to your own design.

Just keep the names as they are and you will be fine.
More information can be found in the official tutorial: http://developer.longtailvideo.com/trac/wiki/Player5Skinning



Add this page to your favorite Social Bookmarking websites

There is a WordPress version too!

Due to numerous requests, we decided to create a Wordpress version of S3Media Stream as well.  Check it out at www.wp21century.com
Since WordPress is fundamentally different from Joomla, this 'plugin' has its own approach, but there is no coding involved, just like the Joomla!- version.

Official PayPal Seal