The Tecnical stuff you need to know
NOTE: For detailed FlashVars Setup refer to the Player API Reference.
Description
FLV player Lite is a software written in Actionscript for online video streaming. It has the following features:
- Streams FLV and H.264 encoded videos
- Displays JPG, PNG or SWF as preview thumbnails
- Fullscreen view with correct aspect ratio
- Smooths the image preventing jagged edges
- Uses Mousewheel and Keyboard for control
- Intelligent, contextual and autohiding graphics user interface
- Custom watermark support1
- Embedding inside other flash movies1
- XML Playlist support1
- Customizing of the graphics1
Requirements
- This player is intended only for online use with broadband connections. Slow connections may suffer of stuttering and long loading times.
- A CPU capable of video playback of the chosen definition.
- Hosting with streaming support and a FTP client to upload files in there.
- Adobe Flash CS3 or later is needed to edit the source files. You’ll find instructions inside. Just open the file, select the first frame and hit F9 to open the actionscript panel.1
How to use
- Download and unpak the zip file into your directory.
- Prepare your FLV video and thumbnail. Keep the same width and height for both files.
NOTE: thumbnail preview supports jpg and swf files. - Customize your player by editing the fla source. After you’ve done hit ctrl+enter and you will optain an swf inside the same directory. Copy it inside your /swf folder by overwriting the existing file.
- Open the provided example “index.html” file with an html editor.
- Locate the javascript between the head tags and replace the flash vars with your parameters. You must specify width, height, absolute path of both FLV and thumbnail files as weel if the video should autoplay or not by setting it to “true” or “false”.
NOTE: Refer to the Player API Reference for further details about customization. - Copy the whole edited javascript and paste it into your destination document between the head tags. Remember to include also “swfobject.js” as shown in the example.
- Now write down a div with the id “playerLite”, like this <div id=”playerLite”></div>
This div will display the video player and you can edit its parameters with you custom style sheet. Place the alternate content inside this div for those who don’t have the requested version of flash player installed.
NOTE: you can place this div anywhere you want, just put it inside the body tag. - Save, publish and test your document.
History
Version 1.1 – First release
Version 1.2 – Mouse autohiding fix & Playlist Addon
Version 1.3 – Minor improvements, smaller default watermark
Version 1.4 – Added seekbar, thumbnail reflections and autoLoop support
Version 1.5 – Hotfix for seekbar in fullscreen, added variables for playlist
Version 1.6 – Fixed embedding of playlist inside another flash movie
Version 1.7 – Minor bugfixes, added metadetection of video size and blur on reflections
Version 1.8 – Introduced custom Aspectratio support, thumbnail now shows on rewind
Compatibility
This video player has been tested under the following browsers: Internet Explorer, Mozilla Firefox, Safari, Opera, Google Chrome.
Known Issues
Mousewheel might not work on Mac.
1Only for FLV player Lite PRO
Loading...