FlashSkins Video Player 12 - Instructions

Downloaded Files

When you download one of the Flash Players from FlashSkins you'll receive the following files:

You will also find two directories (folders):

Testing the Demo

Load 'demo.html' (double click) to your Web Browser. You should see the Player, fully functioning, in your Browser. The Player file (SWF), the xml file and the demo media files are all working together correctly.

By looking at the 'source view' of the 'demo.html' file, you can see how the Flash file (SWF) has been added to the webpage (more on that later).

Getting Your Video to Play

All you need to do to get your video files (FLV) to play, instead of those supplied in the demo, is to add your media files (FLV) to the 'video' directory (folder). Then open the XML Playlist file (videoplaylist12.xml) in a plain text editor (not MS Word) and change the file names to match yours.

		..<item>
<file>video/trafalgarSqu2.flv</file>
<title>1. Wide Screen: 16:9 - 512 x 288</title>
<thumbnail></thumbnail>
<description>Recommended Large Wide Screen Dimensions </description>
</item>
<item>
<file>video/foylesPrem1.flv</file>
<title>2. TV Ratio: 5:4 - 512 x 384</title>
<thumbnail></thumbnail>
<description>Recommended Large TV Ratio Dimensions </description>
</item>..

 

As you can see, the XML file is fairly self explanatory. Each video clip will have its own <file> element, a reference to the FLV file (path), the 'Title' text that will appear on the playlist (<title>). You also have the <description> element for the playlist. Ignore the <thumbnail> element, but don't remove it. Save XML file.

Now if you load the 'demo.html' in your Web Browser again, you should see your video files playing instead of the demo files.

Changing Skin Colour

Changing the skin colour is easy. Decide, from the seventeen PNG images in the 'vp12skins' directory, which colour you prefer. Open the skins text file (vp12skins/vp12skins.txt) and insert the name of the PNG file you've chosen:

	name1=vp12skins/midnight.png

Loading 'demo.html' into your Web Browser, you should see the updated skin colour.

Adding the Flash file (SWF) to Your Webpage

The last thing is to get the Flash file into your webpage. The simplest way to do this is to insert the 'Object' HTML element to your existing webpage, in the position where you want the Flash Player to appear.

IMPORTANT NOTE: Your webpage and all the files you've downloaded must maintain the same directory structure. If our 'demo.html' works but the Player doesn't work in your webpage, it is because you've changed the file references: Visit our FAQs Page for more.

If you open the 'flashobject.txt' file you'll see the 'object element' code that can be cut and pasted to your webpage.

From the 'flashobject.txt' file, highlight all the code and paste it to your webpage.

There are other ways to add Flash to your webpage. These include 'Flash Detect' methods that use Javascript to detect the visitor's Flash Plug-In version. Visit AListApart for all the most popular methods and their pros and cons:

http://www.alistapart.com/articles/flashembedcagematch

Upload Files to the Web

Once you've added the Flash Player to your webpage you're ready to upload (via FTP or other) all the files to the Web.

For more info go to: www.flashskins.co.uk