Overview of All FLV Player Customization Options

Support Center » Knowledgebase » Overview of All FLV Player Customization Options

	Overview of All FLV Player Customization Options

Article There are over 100 customizable settings within the FlvPlayer Flash Video Component. These include streaming options, dynamic buffering settings, video playback, interface dispay, colors and transparency options, and many more.

In this article, we have outlined all of the settings that are available from within the Flash Component Panel once an instance of the FlvPlayer has been moved onto the stage.

Note: This does not include any of the xml settings that are also available. Those are covered in our Advanced Customization Knowledgebase articles.

Video Source
The video source can be set to stream progressive or streaming video. You can load a video by typing the video path directly into this parameter, or you can load the flvplayer/xml/videos.xml and use those advanced settings.

This parameter accepts three types of input:
1) Direct path to video (Ex: http://yourdomain.com/media/video.mp4)
2) Load XML parameters (Ex: flvplayer/xml/videos.xml)
3) Flash Media Server Direct Path (Ex: rtmp://your.rtmphost.com/application_name/,video_name)

Note: When using Option 3, you do not have to specify the file name extension (ie: .flv, .mp4, etc)

Pre-Roll Image
Use Pre-roll images when AutoStart is set to false.

AutoStart
When set to true, the player will automatically start playing your first move once it has buffered. If this is set to false, the video will be paused, a large play button will be visible, and the movie will preload in the background until the user has clicked on play.

Customize the Logo or Watermark
Brand your videos with you own logo or watermark. The logo can be placed in any of the four corners of the player.

Buffer Time
Defines the amount of video that is buffered before playback is enabled.

Loop Video
Defines if the video will loop once it has finished playing.

Play Next Video Automatically
If this is set to true, once the first video is finished playing, it will automatically progress to the next video. This is only available if you load your videos using the XML.

Start Volume
Set the initial volume of the playback.

Video Size Control
If you are loading multiple videos at different sizes, this setting can become very important.

This parameter accepts five types of input:
1) constrain to player (Keep the video sized to the exact dimensions of the component)
2) automatically resize if needed (automatically fit the video to the best width and height for playback)
3) original (always keep the video at it's original size and if the video is too large for the player it will be cropped)
4) fit to width (resize the video to fit to the width of the player)
5) fit to height (resize the video to fit to the height of the player)

Video Smoothing Enabled
If set to true this setting will keep things like fonts from becoming disoriented when the video is resized.

Show Component Background
If the component background is turned on, there is a color of your choice displayed when there is no video loaded or when the video is loading.

Interface Display
Control when the FlvPlayer interface is displayed.

This parameter accepts three types of input:
1) open (the playback controls are always displayed)
2) closed (the playback controls are always not displayed)
3) autohide (if no mouse movement is detected, the playback controls will automatically hide themselves and reappear when mouse movement is detected)

Interface Layout
Control how the FlvPlayer interface is displayed.

This parameter accepts two types of input:
1) overlay (the playback controls are displayed on top of the video)
2) outside (the playback controls are displayed below the video)

Show Buttons Background
If set to true, this allows the buttons to have a background.

Show Back Button
Turn the Back Button On or Off.

Show Play Button
Turn the Play Button On or Off.

Show Stop Button
Turn the Stop Button On or Off.

Show Forward Button
Turn the Forward Button On or Off.

Show Info Button
Turn the Info Button On or Off.

Show Closed Caption Button
Turn the Closed Caption Button On or Off.

Show Fullscreen Button
Turn the Fullscreen Button On or Off.

Show Menu Button
Turn the Menu Button On or Off.

Show Volume Button
Turn the Volume Button On or Off.

Show Scrub Bar
Turn the Scrub Bar On or Off.

Show Volume Bar
Turn the Volume Bar On or Off.

Show Time
Turn the Time On or Off.

Rounded Corners
Turn the Rounded Corners On or Off.

Note: All color settings support full hexidecimal color options.

Back Button Color
Change the Back Button Color.

Caption Box Background Color
Change the Caption Box Background Color.

Close Menu Button Color
Change the Close Menu Button Color.

Component Background Color
Change the Component Background Color.

Forward Button Color
Change the Forward Button Color.

Fullscreen Button Color
Change the Fullscreen Button Color.

Info Box Backgroud Color
Change the Info Box Color.

Info Button Color
Change the Info Button Color.

Interface Background Color
Change the Interface Background Color.

Menu Button Color
Change the Menu Button Color.

Menu Top Color
Change the Menu Top Color.

Menu Video Desc Color
Change the Font Color for the Menu Video Descriptions.

Menu Video Name Font Color
Change the Font Color for the Menu Video Names.

Pause Button Color
Change the Pause Button Color.

Play Button Color
Change the Play Button Color.

Scrub Bar Back Color
Change the Scrub Bar Back Color.

Scrub Bar Buffer Color
Change the Scrub Bar Buffer Status Color.

Scrub Bar Drag Color
Change the Scrub Bar Drag Color.

Scrub Bar Front Color
Change the Scrub Bar Front Color.

Stop Button Color
Change the Stop Button Color.

Time Font Color
Change the Time font Color.

Video Captions Font Color
Change the Captions font Color.

Video Info Desc Color
Change the Info Video Description font Color.

Video Info Name Font Color
Change the Info Vide Name font Color.

Volume Bar Back Color
Change the Volume Bar Background Color.

Volume Bar Drag Color
Change the Volume Bar Drag Color.

Volume Bar Front Color
Change the Volume Bar Front Color.

Volume Off Button Color
Change the Volume Off Button Color.

Volume On Button Color
Change the Volume Oon Button Color.

Back Button Rollover Color
Change the Back Button Rollover Color.

Close Menu Button Rollover Color
Change the Menu Button Rollover Color.

Closed Captions Button Rollover Color
Change the Closed Captions Button Rollover Color.

Forward Button Rollover Color
Change the Forward Button Rollover Color.

Fullscreen Button Rollover Color
Change the Fullscreen Button Rollover Color.

Info Button RollOver Color
Change the Info Button Rollover Color.

Menu Button Rollover Color
Change the menu Button Rollover Color.

Pause Button Rollover Color
Change the Pause Button Rollover Color.

Play Button Rollover Color
Change the Play Button Rollover Color.

Scrub Bar Drag Rollover Color
Change the Scrub Bar Drag Rollover Color.

Stop Button Rollover color
Change the Stop Button Rollover Color.

Volume Bar Drag Rollover Color
Change the Volume Bar Drag Rollover Color.

Volume Off Button Rollover Color
Change the Volume Off Rollover Color.

Volume On Button Rollover Color
Change the Volume On Rollover Color.

Note: All alpha transparency settings use a scale of 0-1. For example, to achieve a 50% transparency, you would input 0.5.

Back Button Alpha
Change the Back Button Alpha Transparency.

Captions Box Alpha
Change the Captions Box Background Alpha Transparency.

Close Menu Button Alpha
Change the Close Menu Button Alpha Transparency.

Closed captions Button Alpha
Change the Closed Captions Button Alpha Transparency.

Component Background Alpha
Change the Component Background Alpha Transparency.

Controls Background Alpha
Change the Controls Background Alpha Transparency.

Forward Button Alpha
Change the Forward Button Alpha Transparency.

Fullscreen Button Alpha
Change the Fullscreen Button Alpha Transparency.

Info Box Alpha
Change the Info Box Background Alpha Transparency.

Info Button Alpha
Change the Info Button Alpha Transparency.

Large Next Button Alpha
Change the Large Next Button Alpha Transparency.

Large Next button Rollover Alpha
Change the Large Next Button Rollover Alpha Transparency.

Large Play Button Alpha
Change the Large Play Button Alpha Transparency.

Large Play Button Rollover Alpha
Change the Large Play Button Rollover Alpha Transparency.

Large Previous Button Alpha
Change the Large Previous Button Alpha Transparency.

Large Previous Button Rollover Alpha
Change the Large Previous Button Rollover Alpha Transparency.

Large Replay Button Alpha
Change the Large Replay Button Alpha Transparency.

Large Replay Button Rollover Alpha
Change the Large Replay Button Rollover Alpha Transparency.

Menu Button Alpha
Change the Menu Button Alpha Transparency.

Menu Top Alpha
Change the Menu Top graphics Alpha Transparency.

Menu Video Desc Alpha
Change the Menu Menu Video Description Font Alpha Transparency.

Menu Video Listing Initial Alpha
Change the Menu Video Listings initial Alpha Transparency. This is the Alpha Transparency that will be default when the menu first loads.

Menu Video Listing Rollout Alpha
Change the Menu Video Listings Rollout Alpha Transparency.

Menu Video Listing Rollover Alpha
Change the Menu Video Listings Rollover Alpha Transparency.

Menu Video Name Alpha
Change the Menu Video Name Alpha Transparency.

Pause Button Alpha
Change the Pause Button Alpha Transparency.

Play Button Alpha
Change the Play Button Alpha Transparency.

Scrub Bar Back Alpha
Change the Back Button Alpha Transparency.

Scrub Bar Buffer Alpha
Change the Scrub Bar Background Alpha Transparency.

Scrub Bar Drag Alpha
Change the Scrub Bar Drag Alpha Transparency.

Scrub Bar Front Alpha
Change the Scrub Bar Front Alpha Transparency.

Stop Button Alpha
Change the Stop Button Alpha Transparency.

Time Font Alpha
Change the Time Font Alpha Transparency.

Video Captions Font Alpha
Change the Video Captions Font Alpha Transparency.

Video Info Desc Font Alpha
Change the Video Info Description Font Alpha Transparency.

Video Info Name Font Alpha
Change the Video Info Name Font Alpha Transparency.

Volume Bar Back Alpha
Change the Volume Bar Background Alpha Transparency.

Volume Bar Drag Alpha
Change the Volume Bar Drag Alpha Transparency.

Volume Bar Front Alpha
Change the Volume Bar Front Alpha Transparency.

Volume Off Button Alpha
Change the Volume Off Button Alpha Transparency.

Volume On Button Alpha
Change the Volume On Button Alpha Transparency.

Have questions?
Contact DevBase Sales and Support

Article Details

Article ID:

Created On:

01 Jul 2009 2:32 PM