Metaphor Creations - Super Vid Player AS3

THUMBNAILS

Make your thumbnail dimensions 60 x 60 pixels

You can use a .jpg or an animated thumbnail with an .swf

Creating Video Thumbnails

Use Adobe Premiere, or other software to export a 60px X 60px, 5 second .flv (30fps) of your video
Open the supplied .fla called 'thumbCreator.fla' in User Assets folder you recieved with this purchase
Select File > Import > Import to Library...
Select and open the .flv you created
Flash will ask you for the path of you video file again. Select Next >
Select 'Embed Video in SWF and play in timeline'. Select Next >
Make sure the 'Symbol type' is 'Embedded Video'. Check 'Expand timeline if needed'. Select Next >
Select finish on the next screen
Drag your video onto the 'Vid Layer' layer and position it at x=0,y=0
If your video file is longer than the length of frames I have set, Flash will ask if you want to expand the timeline
Select yes
Set the last frame of the 'a' (Actions) layer and the 'Hit Pad' layer are the same frame as the last frame of the 'Vid Layer'
Select File > Publish
Rename the published .swf so it does not get overwritten by the next exported .swf

SET UP YOUR .XML FILE

Open the supplied .xml file called 'PlayList.xml' in your HTML editor
Set the AUTOSTART - true or false
Set the LOOP - true or false
Set the STARTUP_IMAGE path - Image can be any size
For each video you want to play create a tag for:

NAME
VID (Path to your video)
THUMBNAIL (Path to your thumbnail)

Save the .xml file

CHANGING THE .FLA FILE

Actions Frame of Frame 1 of the main timeline

LINE 4 - Set the path of your .xml file here

RESIZE HANDLER FUNCTION

The Video player will automatically re-position and resize if you use the Resize Handler

Set the X and Y positions of the video player here
Set the max width and max height of the video player here
Code is noted in the .fla

The only things you will need to change in the .fla file are the fonts that are used

If you do not have the fonts that I used, you will have to change the fonts

Changing the preloader font

In the library, open the 'Video Player Assets' folder
Open the 'Movie Clips' folder
Double-Click and open the movie clip called 'Preview'
Select the '0%' text on the screen ('Percentage Text' layer)
Open the 'Properties' panel
Select the font you wish to use
Embed the font by selecting 'Embed...'
Shift-Select 'Numerals' and 'Punctuation' and select OK

Changing other fonts

Most likely you won't have to change any other fonts, as only 'Arial' is used everywhere else

The are only two other places to change fonts

vidNameMC Movie Clip
thumbVidName Movie Clip
See above for directions on changing the embedded text

This file uses Caurana Tweener

Documentation for Tweener can be found at http://code.google.com/p/tweener/

Licensing for Tweener can be found at http://www.opensource.org/licenses/mit-license.php

Licensing notice for Caurina Tweener

The MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.