Home

See also

PDFDoc Scout - ASP/ASP.NET library for PDF documents generation

SWF Scout library - ASP/ASP.NET library for server-side Flash generation


 Products  |  Download  |  Purchase  |  Support  |  Contacts  |  Testimonials |  
Free FLV/SWF flash based customizable video players (YouTube-like) for your web-site 

Advertisement: commercial ASP/ASP.NET libraries:

Advertisement: flash extraction software:

This page provides tutorial on customizing our free (free for non-commercial and personal use) XML-driven flash based video (FLV and SWF) players. There are 2 player types: single video player and multi-player (see below both types)

Single Video Player engine

(screenshot - click to open demo page for player)

View demo: http://bytescout.com/demo/free_flv_swf_player_demo/single_video_player.html

This video player engine is driven by XML settings file: single_video_player_data.xml

Format of single_video_player_data.xml is described and commented below:

<?xml version="1.0"?>

<Data>

<Player>

<Name>Free FLV, SWF Player</Name> - title of FLV or SWF video movie

<BaseColor>0x6F6F6F</BaseColor>
- base color for player appearance

<VideoLoaderBarColor>0x8A0606</VideoLoaderBarColor>
- video loader color

<PlayBarColor>0xFAE31F</PlayBarColor>
- video playback navigation bar color

<VolumeBarColor>0xFAE31F</VolumeBarColor>
- volume control color

<VolumeBarBackColor>0x8A0606</VolumeBarBackColor>
- volume background control color

<PreviewPreloaderColor>0x8A0606</PreviewPreloaderColor>
- preloader bar color

<BtnReplayCaption>Replay</BtnReplayCaption>
- text for replay button which appears in the end of the video. IMPORTANT: do not use " or ' symbol in the title text

<BtnOpenSiteCaption>View Site</BtnOpenSiteCaption>
- text for the second button appearing in the end of video, this button is used to open web-site. IMPORTANT: do not use " or ' symbol in the title text

<BtnOpenSiteURL>http://www.bytescout.com</BtnOpenSiteURL>
- URL to open when user click on second button (see prev settings)

<LogoImage>my_sample_logo.png</LogoImage>
- URL to logo image (jpg, gif, png) to "watermark" video

<LogoURL>http://bytescout.com/</LogoURL>
- URL to open when user clicks on logo image

<LogoAlign>topleft</LogoAlign>
- logo alignment setting. Available values: topright, topleft, bottomright, bottomleft, custom. If not set then bottomright is used by default. When When "custom" option is used then X and Y can be specified (see below)

<LogoXposition>160</LogoXposition>
- When "custom" option is used then X position of logo image can be specified in this option

<LogoYposition>15</LogoYposition>
- When "custom" option is used then Y position of logo image can be specified in this option

<LogoScale>100</LogoScale>
- When "custom" option is used then scale factor for logo image can be specified in this option



<AutoPlayClipIndex>1</AutoPlayClipIndex>
- Default. Do not change

<ShowLastFrameUnderButtons>yes</ShowLastFrameUnderButtons>
- Set to yes to show buttons under video otherwise set to "none" or "0" to show blank area will be used as background.

<NumberOfClips>none</NumberOfClips>
- Default. Do not change

<ExtVideoFileName>video/dog.flv</ExtVideoFileName>
- URL or path to video file (FLV or SWF)

<InitialVolumeLevel>50</InitialVolumeLevel>
- Initial sound volume level

</Player>

</Data>


Download flash player sample along with sample XML and sample FLV video files:
free_flv_swf_video_player_engine.zip (700KB) Free for personal and commercial use


Video Multi-Player engine

(screenshot - click to open demo page for multi-player)

View demo: http://bytescout.com/demo/free_flv_swf_player_demo/multi_video_player.html

This video player engine is driven by XML settings file: multi_video_player_data.xml

Format of multi_video_player_data.xml is described and commented below:

<?xml version="1.0"?>
<Data>
<Player>

<Name>Free FLV-SWF MultiPlayer Example</Name> - name of the player to show in browser

<BaseColor>0x6F6F6F</BaseColor>
- base color for player appearance

<VideoLoaderBarColor>0x8A0606</VideoLoaderBarColor>
- video loader color

<PlayBarColor>0xFAE31F</PlayBarColor>
- video playback navigation bar color

<VolumeBarColor>0xFAE31F</VolumeBarColor>
- volume control color

<VolumeBarBackColor>0x8A0606</VolumeBarBackColor>
- volume background control color

<PreviewPreloaderColor>0x8A0606</PreviewPreloaderColor>
- preloader bar color

<BtnReplayCaption>Replay</BtnReplayCaption>
- text for replay button which appears in the end of the video. IMPORTANT: do not use " or ' symbol in the title text

<BtnOpenSiteCaption>View Site</BtnOpenSiteCaption>
- text for the second button appearing in the end of video, this button is used to open web-site. IMPORTANT: do not use " or ' symbol in the title text

<BtnOpenSiteURL>http://www.bytescout.com</BtnOpenSiteURL>
- URL to open when user click on second button (see prev settings)

<LogoImage>my_sample_logo.png</LogoImage>
- URL to logo image (jpg, gif, png) to "watermark" video

<LogoURL>http://bytescout.com/</LogoURL>
- URL to open when user clicks on logo image

<LogoAlign>topleft</LogoAlign>
- logo alignment setting. Available values: topright, topleft, bottomright, bottomleft, custom. If not set then bottomright is used by default. When When "custom" option is used then X and Y can be specified (see below)

<LogoXposition>160</LogoXposition>
- When "custom" option is used then X position of logo image can be specified in this option

<LogoYposition>15</LogoYposition>
- When "custom" option is used then Y position of logo image can be specified in this option

<LogoScale>100</LogoScale>
- When "custom" option is used then scale factor for logo image can be specified in this option

<AutoPlayClipIndex>1</AutoPlayClipIndex>
- index of video clip (see "clip" sections below)

<ShowLastFrameUnderButtons>yes</ShowLastFrameUnderButtons>
- set to yes to show buttons under video otherwise set to "none" or "0" to show blank area will be used as background

<NumberOfClips>none</NumberOfClips>
- Use this option if you want to limit number of available clips disregarding information in <clip> sections. Default value is "none"

</Player>

<Clip> - section type containing information about video clip

<File>video/dog.flv</File> - path to video file (FLV or SWF)

<InitialVolumeLevel>50</InitialVolumeLevel>
- initial sound volume for this video clip

<Name>Funny Dog</Name>
- title of video clip indicated on video list when user points a mouse on selected clip

<PreviewImageFileName>video/dog_preview.jpg</PreviewImageFileName>
- path to preview image file name. Preview should be 135x120 pixels, GIF, JPG or PNG image file. Automatically scaled to 135x120 pixels if size is different

<BtnOpenSiteURL>http://bytescout.com/</BtnOpenSiteURL>
- custom URL for second button appearing after video movie. Set to "none" or "0" to use default global value from "Player" section

<BtnOpenSiteCaption>Visit Site</BtnOpenSiteCaption>
- custom caption for second button appearing after video movie. Set to "none" or "0" to use default global value from "Player" section

</Clip>

<Clip>
- section containing information about second video clip (settings format is the same for all video clips, see information above)

<File>video/cat.flv</File>
<InitialVolumeLevel>50</InitialVolumeLevel>
<Name>Cat Jumping</Name>
<PreviewImageFileName>video/cat_preview.jpg</PreviewImageFileName>
<BtnOpenSiteURL>http://bytescout.com/</BtnOpenSiteURL>
<BtnOpenSiteCaption>Open Site</BtnOpenSiteCaption>

</Clip>

<Clip> - section containing information about 3rd video clip (settings format is the same for all video clips, see information above)

<File>video/crashes.flv</File>
<InitialVolumeLevel>70</InitialVolumeLevel>
<Name>Crashes!</Name>
<PreviewImageFileName>video/crashes_preview.jpg</PreviewImageFileName>
<BtnOpenSiteURL>http://bytescout.com/</BtnOpenSiteURL>
<BtnOpenSiteCaption>Open Site</BtnOpenSiteCaption>
</Clip>

</Data>

Download free flash multi video player sample along with sample XML and sample FLV video files:
free_flv_swf_video_player_engine.zip (700KB) Free for personal and commercial use

 

Products  |  Download  |  Purchase  |  Support  |  Contacts  |  Testimonials |  

ByteScout, 2003-2008. All other company and product names may be trademarks of their respective companies. Privacy Statement