Take FLV Player, and Make It Your Own

Customize all of the different interface elements contained within FLV Player. Change default colors, alpha transparencies, rollover, background, and font colors. Using our custom component panel, you can easily choose regular colors, or specify your own unique hexidecimal color values. If you are a programmer, take advantage of our extensive FLV Player Component Parameter API using your own classes to extend the component and create custom instances of the player on the fly.

Easy For Designers

The easiest way to change the colors of the FLV Player interface is to use the Flash Component Inspector once you have placed an instance of FLV Player on the stage. All of the interface options are editable by simply choosing different values right in your Flash interface.

Easy For Developers

If you are a seasoned AS3 developer, here's a quick examples of how to setup your own custom FLV Player interface using an external class. We have more documentation in our KnowledgeBase that can lead you in the right direction when it comes to more advanced methods and properties.

package {
	
	import com.flvplayer.FlvPlayer;
	import flash.display.MovieClip;

	public class FlvPlayerApi extends MovieClip {

		public var myVideo:FlvPlayer = new FlvPlayer();

		public function FlvPlayerApi() {
			
			//setup the video source
			myVideo.vidURL="http://yourdomain.com/media_folder/your_video.mp4";
			
			//video general settings
			myVideo.width = 444;
			myVideo.height = 249;
			myVideo.x = 188;
			myVideo.y = 1;
			
			//video color settings
			myVideo.BgColor = 0x1A307B;
			myVideo.controlsBgColor = 0x1A307B;
			myVideo.bPlayColor = 0x00CCFF;
			myVideo.bPauseColor = 0x00CCFF;
			myVideo.scrubBarBackColor = 0xFFFFFF;
			myVideo.scrubBarFrontColor = 0x00CCFF;
			myVideo.scrubBarDragColor = 0xFFFFFF;
			myVideo.bVolumeOnColor = 0x00CCFF;
			myVideo.bVolumeOffColor = 0x00CCFF;
			myVideo.volumeBackColor = 0xFFFFFF;
			myVideo.volumeFrontColor = 0x00CCFF;
			myVideo.volumeDragColor = 0xFFFFFF;
			
			//rollover colors settings
			myVideo.bPlayRollOverColor = 0xFFFFFF;
			myVideo.bPauseRollOverColor = 0xFFFFFF;
			myVideo.bVolumeOnRollOverColor = 0xFFFFFF;
			myVideo.bVolumeOffRollOverColor = 0xFFFFFF;
			myVideo.scrubBarDragRollOverColor = 0xFFFFFF;
			myVideo.volumeDragRollOverColor = 0xFFFFFF;
			
			//video alpha settings
			myVideoOne.controlsBgAlpha = 1;
			
			//add the video to the stage
			addChild(myVideo);

		}
	}
}

More Than Just Colors

There's more than customizable interface colors, transparencies, and rollover states. FLV Player also allows you to have complete control over how your interface is displayed. Put the interface outside of the video, on top of the video, turn rounded corners on and off. You can even turn on Autohide, which will hide the interface until your users actually need to use it. Here's a quick list of the available properties.

  • Rounded Corners - Give your player fresh web 2.0 look and feel.
  • Button Variations - Decide which buttons are included in your interface and which are not.
  • Controls Overlay - Set your interface inside or outside of the video content area.
  • Controls Autohide - Hide the interface until your users actually need to use it.

Easy For Designers

The easiest way to change the interface options within FLV Player is to use the Flash Component Inspector once you have placed an instance of FLV Player on the stage. All of the interface options are editable by simply choosing different values right in your Flash interface.

Easy For Developers

If you are a seasoned AS3 developer, here's a quick examples of how to setup your own custom FLV Player interface using an external class. We have more documentation in our KnowledgeBase that can lead you in the right direction when it comes to more advanced methods and properties.

package {
	
	import com.flvplayer.FlvPlayer;
	import flash.display.MovieClip;

	public class FlvPlayerApi extends MovieClip {

		public var myVideo:FlvPlayer = new FlvPlayer();

		public function FlvPlayerApi() {
			
			//setup the video source
			myVideo.vidURL="http://yourdomain.com/media_folder/your_video.mp4";
			
			//video general settings
			myVideo.width = 444;
			myVideo.height = 249;
			myVideo.x = 188;
			myVideo.y = 1;
			
			//video button display options
			myVideo.showbStop = false;
			myVideo.showbBack = false;
			myVideo.showbForward = false;
			myVideo.showbInfo = false;
			myVideo.showbCc = false;
			myVideo.showbFullscreen = false;
			myVideo.showbMenu = false;
			
			//video layout setup
			myVideo.interfaceLayout = "outside";
			
			//add the video to the stage
			addChild(myVideo);

		}
	}
}


Customize Your Video Experience

Add closed captions to your videos by simply adding to the included FLV Player XML file. Present translated text over your video to reach alternative language speaking audiences, or use them to enhance your sites accessibility for the hearing impaired. In either case, using our closed captions will give you the opportunity to increase your market penetration.

Closed Captions Are Easy For Everyone

Use our video.xml file with an included example to add closed captions to your deployed Flash video quickly and easily. Below is a quick example of how our closed captions work, and how you can customize them to fit any projects needs.


  
  Video Title
    Video Description
      flvplayer/thumbs/thumbnail.jpg
       
        your text here
        your text here
        your text here
        your text here