This is similar to VideoPicker 1, except that it has had the playlist reshaped and repositioned as I had several requests to do so!
If you want the list on the left then check out VideoPicker v1.
This is a custom video player with playlist. This player has been designed with ease of use in mind and provides a convenient way for you to incorporate a customizable and flexible video player that looks great and has plenty of features.
QUICKSTART A more in depth look at the XML file and the FLVPlayer class are included, but here’s an overview of what you need to do to get a functional VideoPicker.
1. Just drag an instance of vid.PLAYER from the library onto your stage 2. Drag an instance of list.PLAYLIST from the library onto your stage 3. Instantiate the FLVPlayer class and parse it your required settings 4. Create an XML document that holds data such as the file URLs, thumbnail URLs and the play list labels
FLVPlayer CLASS The FLVPlayer class is where all the magic happens! For the technically minded I have laced the class with an abundance of comments, so if you want to get under the hood it shouldn’t be too tough.
If you just want to know how to use the class then read on…
FLVPlayer CONSTRUCTOR Once a video player and a play list is on the stage (either dragged on at author time or attached dynamically) you must instantiate the player. You will find it more flexible to assign this instance to a variable as follows:
var myPlayer:FLVPlayer = new FLVPlayer(playerInstance:MovieClip, playList:MovieClip, playlistURL:String, playerWidth:Number, playerHeight:Number, titleFormat:TextFormat, tagFormat:TextFormat, clickCol:Number, progressive:Boolean);
Of course, this will look less daunting when it’s all in one line!!!!
DEVELOPER NOTES The video player is configured to auto-letterbox video content. This means that if you play a widescreen video in a player defined to be 4:3 size then it will scale to the right width and centre itself vertically. If you play 4:3 video in a widescreen sized player the reverse will happen and space will be added to the left and right.
The example above has been set to play progressively, if you set it to download first then the message changes to “Loading xx% thanks for waiting…”