|
See also
|
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)
The player comes
with full source code (FLA source files).
direct download (ZIP, 1 MB)
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
<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
</Data>
<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>
Check our commercial ASP/ASP.NET components:
And our commercial flash extraction software:
|
Copyright © ByteScout, 2003-2009. Privacy Statement
Microsoft®, Windows®, Windows 2000®, Windows Server®, Windows Vista®, Internet Explorer®, .NET Framework®, ActiveX®, Visual Basic®, Visual C#®, ASP®, ASP.NET®, Excel®, PowerPoint®, are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries.
Adobe®, Flash® and Acrobat® are registered trademarks of Adobe Systems, Incorporated. Mozilla®, Firefox® and the Mozilla and Firefox Logos are registered trademarks of the Mozilla Foundation.
Other product names or brandnames used herein are for identification purposes only and might be trademarks or registered trademarks of their respective companies. We disclaim any and all rights to those marks.
|