JW Media Player 4.0 | Skin Implementation Read Me

There are two methods for getting a skin up and running with the JW FLV Player 4.0. The simplest and quickest way is to use the "skin" variable when embedding the player on a page, while experienced Flash users might want to hard-code the skin variable into the player source.

Method #1 // The Embed Code (Simple)

A) Upload the .SWF
Using an FTP program or a web-based File Manager, upload your skin to your website's server. The skin does not have to reside in the same location as the player itself (though it may be wise to do so to keep things organized). Take note of the path to where the skin is located (for example: http://www.mysite.com/jwplayerskin/skinname.swf).

B) Apply the Skin to the Player
Adding the skin to the JW FLV Player 4.0 is done by adding one variable in the player's embed code. This method will allow you to apply different skins to different players on your site, but you will have to be sure to add the variable(s) below to every instance of your player (or, if you're using a CMS, to the template file that contains the player's embed code).

If you're using SWFObject embed code, add this line to your player's embed code:

so.addVariable("skin", "http://www.mysite.com/jwplayerskin/skinname.swf");

If you're using Object embed code, add this line to your player's embed code (specifically within the flashvars=" " variable):

&skin=http://www.mysite.com/jwplayerskin/skinname.swf

So your flash vars would look like this:

flashvars="height=250&width=400&file=afraid.flv&overstretch=true&skin=http://www.mysite.com/jwplayerskin/skinname.swf"

Method #2 // Pre-compiling a skin (Advanced)

If you have a basic understanding of ActionScript, you can compile a skin into the JW Player. This method is extremely useful if you want to upgrade a number of videos all at once, as you don't have to edit the embed code. Here's how to do it:

1. First, download the source code for the JW Player from the Wiki.
2. Second, open both the player.fla from the source code and your skin FLA with Flash.
3. Third, delete the player MovieClip (the whole graphical interface for the player) from the player.fla and copy paste the player MovieClip from your skin to the player.fla. If Flash questions you on a library conflict, choose Replace existing items
4. Last, publish the player with your skin by choosing file ยป publish (or by pressing SHIFT-F12). That's it!

The player now uses your skinning by default. Overwrite the player.swf on your website with the new one and you're set.

If you have any questions, please submit a ticket at http://helpdesk.longtailvideo.com

 

LongTailVideo.com | JeroenWijering.com