Joomla RuleZ

  • Increase font size
  • Default font size
  • Decrease font size
Home FAQ Faq How to install your Skin?

How to install your Skin?

E-mail Print PDF

 

How to configure and install your skin ?

If you want to build and install your own skin or install one of the premium skin (JW 6.x Premium), you have to follow those steps.

Here we will show you how to do that, as JW player 6.x and 5.x are different we have split this in two parts.

 

Important !!! : You must have before install our BETA Joomla extension(s) (JW Player Plugin Advanced and/or JW Player Module Advanced) before install the skin.

You can find these here :

http://www.joomlarulez.com/download.html

Then once the extension(s) is (are) install follow those steps :

Step 1, Understanding the "skin" :

JW Player skins change the appearance of the player, adding a custom layer to your player embeds. All visual components of the player (the controlbar, display, tooltip, dock and playlist) can be skinned.

Here are a few examples of a skinned player. These four skins are included in the Premium and Ads editions of JW Player 6:

screenshots of a few example JW Player skins

Technically, a JW Player skin consists of an XML file that contains a number of settings (e.g. the color of the tooltip texts) and a number of links to PNG images (e.g. for the play button).

Like with CSS, the PNG files can be stored as base64 encoded strings in the XML file. This speeds up delivery and makes managing the skin easier, since there's only 1 file, we strongly encourage this solution.

Step 2, Getting A skin :

There are two ways to get a skin for your player:

  • If you are proficient with an image editor (like Photoshop), designing and packaging your own JW Player skin is straightforward. See Building JW Player Skins for more info.
  • The Premium and Ads editions of JW6 include a pack of 8 skins maintained by us. You are free to use these skins on your website(s) and to modify these skins (by editing the XML and PNG images), those skins can be directly select in the backend of the extension as they are centrally host by Longtail video.

Step 3, Install the skin :

After downloading (or packaging) the skin of your choice, you have to upload it to your webserver (by FTP) , so the skin can be added to your player embeds.

The pathway :

/media/jwadvanced/skin/xml/NAME_OF_YOUR_SKIN.xml

Step 4, Configuring the Joomla extension :

Then you have to set in the joomla extension that you want to use this skin (or another one you have uploaded),
for that you have to edit the extension in the backend, then in the menu "Layout" set the Radio button "Type of Skin" to "XML 6.x" and after set the "XML 6.x Skin" List to the skin you want.

Note : With the Joomla Plugin , you can override in frontend the default skin with those shortcodes :

  • If the skin is correctly upload in the xml directory indicate below, then use this code :
    &skinxml=name_of_the_skin
  • If the skin is place anywhere else on your server, then use this code :
    &skin=url_to_the_skin
  • If the skin is a premium skin and you have a premium license set, then use this code :
    &skin=name_to_the_skin

 

Important !!! : You must have before install our Joomla extension(s) (JW Player Plugin Advanced and/or JW Player Module Advanced) before install the skin.

You can find these here :

http://www.joomlarulez.com/download.html

Then once the extension(s) is (are) install follow those steps :

Step 1, Understanding the "skin" :

JW Player skins change the outward appearance of the player, making it easy to personalize the appearance of the player to match your site's aesthetic. There are two types of skins available:

  • XML/PNG skins: These skins consist of an XML file which contains settings and a bunch of PNG images. The files have to be packed up in a zip, which improves the time it takes for them to load over the network. Building your own skin is extremely easy and can be done with any basic image and text editor.
  • SWF skins (deprecated): These skins consist of a single swf file, built using Adobe Flash. This type of skins has been supported since the 4.0 player. Since swf skins can only be built using Flash (a $500+ package) and since this skinning model can easily break, swf skins are considered deprecated in favor of PNG skins.

Step 2, Getting A skin :

There are two ways to get a skin for your player:

  • If you are proficient with an image editor (like Photoshop), designing and packaging your own JW Player skin is straightforward. See Building JW Player Skins for more info.
  • There is some skins provide in our packages you can use it in a non-commercial website or ask for a license, for that This e-mail address is being protected from spambots. You need JavaScript enabled to view it .

Step 3, Install the skin :

After downloading (or packaging) the skin of your choice, you have to upload it to your webserver (by FTP) , so the skin can be added to your player embeds.

The pathway :

/media/jwadvanced/skin/xml/NAME_OF_YOUR_SKIN/NAME_OF_YOUR_SKIN.zip

Step 4, Configuring the Joomla extension :

Then you have to set in the joomla extension that you want to use this skin (or another one you have uploaded),
for that you have to edit the extension in the backend, then in the menu "Layout" set the Radio button "Type of Skin" to "XML 5.x" and after set the "XML 5.x Skin" List to the skin you want.

Note : With the Joomla Plugin , you can override in frontend the default skin with those shortcodes :

  • If the zip (XML/PNG) skin is correctly upload in the XML directory indicate below, then use this code :
    &skinxml=name_of_the_skin
  • (deprecated) If the SWF skin is correctly upload in the SWF directory indicate below, then use this code :
    &skinswf=name_of_the_skin
  • If the skin is place anywhere else on your server, then use this code :
    &skin=url_to_the_skin
Last Updated on Saturday, 09 February 2013 21:51  
Banner