FLVPlayer

Player demo disabled.

A custom FLV player with closed captioning and keyboard controls.

Available flashvars

• videosrc: String, location of your FLV file
• captionsrc: String, location of your closed captioning XML file
• captiondisplay: String, 0 or 1, whether to display the captions initially, default 0 (false)
• autostart: String, 0 or 1, whether to play the video when the page loads, default 0 (false)
• showerrors: String, 0 or 1, gives basic error feedback, default 0 (false)
• volumelevel: Number, 0–100, initial level of audio volume, default 80 (80%)
• posterframesrc: String, location of an image to show at the beginning of the video

Additional details

Set the width of the OBJECT element to the width or your FLV file. Set the height of the OBJECT element to the height of your FLV file plus 22 pixels to to allow for the control bar.

Make sure the allowFullScreen PARAM is set to true to allow full screen playback.

Videosrc accepts both FLV files on your domain as well as FLV files located on a different domain without triggering a Flash Player security violation. Currently only the FLV file format is accepted.

Captionsrc accepts a Timed Text XML file. The XML file must be located on the same domain as the FLVPlayer, or a cross-domain policy file is required. If you have a Mac, MovCaptioner is a useful tool for creating captions and exporting as XML.

In most instances, you should probably leave autostart at its default value of 0 (false).

Showerrors generates very basic feedback for common errors such as missing video source or a caption security error. No feedback is shown when this is set to 0 (false).

Set the volume level of the audio with the volumelevel flashvar. It should be a number ranging from 0 to 100. The default value is 80 (80%).

Posterframesrc accepts a PNG, JPEG, or GIF file. The image will be displayed at the start of the video before the video plays. If autostart is set to 1, the image will be ignored. The image should be the same dimensions as your video.

Using Flashvars

Flashvars are very easy to use. They allow you to pass certain values to the Flash Player in order to tell it what to do. Depending on how you are placing your SWF on your HTML page, there are two primary ways to set the necessary flashvars—via JavaScript and directly in the OBJECT element.

AC_RunActiveContent

If you are publishing content directly from Flash, and using JavaScript detection, you will be working with the AC_RunActiveContent JavaScript detection. If you are using Dreamweaver CS3 or earlier, you will also be using this method. You will need to add the flashvars to the script in the head of your document:

‘flashvars’, ‘videosrc=your.flv&captionsrc=captions.xml’

Each flashvar is specified as follows:

flashvar_name=flashvar_value

Each name/value pair is separated from other name/value pairs by an ampersand.

SWFObject, Static Method

If you are using the SWFObject static method, or Dreamweaver CS4, you will be adding the flashvars directly to the OBJECT element as follows:

<param name="flashvars" value="videosrc=your.flvs&captionsrc=captions.xml">

Note that there are two OBJECT elements on the page. You will need to add the flashvar PARAM to both OBJECT elements.

For more information on SWFObject, refer to its documentation.

Keyboard accessibility

The FLVPlayer has keyboard control built in as well. You must tab in to the player, or give it focus by clicking on it with the mouse to use the keyboard controls. If you are using screen reader software, the screen reader controls may override the keyboard functionality of the player.

• The spacebar will toggle between playing and paused states.
• The left and right arrow keys will seek back and forward through the FLV.
• The up and down arrow keys will increase and decrease the audio volume.

Usage

By using the FLVPlayer, you agree to the following:

• You may use the FLVPlayer in personal and commercial projects.
• You will not redistribute the FLVPlayer.

Release notes

All “Cafe Townsend” content is copyright Adobe Systems Inc.