Featured FLA
» Author: Bugra Ozden
» Title: Skatalog v9 - product catalog
» Description: Create your product catalog easly and publish on your website or Create your image gallery, documents list, portfolio. Fully XML Driven
» More by Bugra Ozden
Featured Site
» Posted in the Flash Kit Links section
» Title: Creative DW Image Show PRO
» Description: Creative DW Image Show PRO is a Dreamweaver extension which enables the user to create multimedia presentations. It combines the features of the popular Creative DW Image Show with the ability to add professional text effects to slides (similar to After Effects). The product is very customizable: the user can choose the duration of the transition effects, the slide motion start and end position, zoom and panning type for both images and texts.
Host the video on your own site
If you don’t want your video to be watermarked by Youtube or other video hosting website, you should convert your video yourself, and host the converted FLV video yourself. And you can specify the conversion settings freely (such as bitrate, sample rate, frame rate), so that you can get the FLV video with better quality. Choose an appropriate Flash video converter and Flash video player
There are a number of video to FLV converters which you can find on the Internet ranging in price from free to over $100, such as Riva FLV converter (free), Sothink Video Encoder for Adobe Flash ($45), Geovid Video to flash Converter ($99.95), Flash Video MX Pro($89), Flash Video Studio(49.95), Sorenson Squeeze 4.5 ($249), Some converters can only convert video to FLV format, not providing Flash video player which is a SWF file you must have to play Flash video on the Web. You can create a Flash video player yourself using Flash authoring tool, or you can download a free Flash video player directly (JW FLV Player is recommended). And some Flash video converters provide Flash video players. For example, the software Video Encoder for Adobe Flash I chose here, enables users to configure the conversion settings freely to get the ideal quality, and can create a Flash video player automatically with customizable playback control skins. The created Flash video player can auto-adapt to the video’s width, height and aspect ratio, thus the FLV video can be displayed without black bars (See the screenshot below). It’s very impressive!
Youtube Flash video player:
Flash player provided by Video Encoder for Adobe Flash:
Convert video to FLV format step by step
Step 1. Load the video
Launch Video Encoder for Adobe Flash. Click “Select…” and choose a video file that you want to convert.
Step 2. Edit the video
Click “Crop & Trim”, if you want to edit the source video. You can crop the video, if you want to remove blackbars, or just want a part of the picture. You can trim the video, if you just want to convert a certain duration of video.
Step 3. Configure the conversion settings
Select “User-defined” to enable yourself to customize the audio and video settings. And specify the audio setting and video settings properly. You can check the help file to find more detailed guidance.
Step 4. Specify output settings
Specify an output folder to save the created FLV and SWF files. Check both “Generate FLV” and “Generate SWF “.If you want to create a SWF player which can play different FLV files dynamically, you should choose “Get the FLV path from a URL variable and play progressively“. Then you need to specify a URL variable name (in the right blank), then the created SWF player can get the FLV path from HTML code using this variable name.
Otherwise, you can simply choose “Play the created external FLV file progressively“.
Step 5. Choose skin for Flash video player
Select a color scheme and style you like. Choose “Classic (Black, Full)” for example. “Full” control panel provides all controls including Play, Pause, Fast forward/backward, Volume control, Mute, Elapsed Time and Duration.
Step 6. Start conversion
Click “Next” to start conversion. It will take a few minutes.
After the conversion finishes, open the output folder, then you can see the created “.flv” and “.swf” files. You can also use free software FLV Player to play the .flv video directly to see if its quality is good enough. If not, you need to convert the video again, and try some different conversion settings.
Put the FLV video on Web page step by step.
Step 1. Upload the created “.swf” file and the “.flv” video file to the same folder on your server. For example, if you want to show the video on http://www.myhomepage.com/index.htm, then upload the “.swf” and “.flv” files together to the path http://www.myhomepage.com/.
Step 2. Add the following html code to your page and customize the relating parameters.If you have chosen “Get the FLV path from a URL variable and play progressively” , then add code:
And customize the parameters:
Replace “myvideofile.flv” with your FLV filename;
Replace “flashvideoplayer.swf” with your SWF filename;
Replace “http://www.myhomepage.com/” with your own address;
Replace the “width” and “height” with your flv file’s width and height. Specify the “quality” and “bgcolor” as you want.
In the code above, flv is just the URL variable name that you should have specified before conversion. The player can automatically get the URL variable’s value (http://www.myhomepage.com/myvideofile.flv), and play the Flash Video.
If you have chosen “Play the created external FLV file progressively “, then add code:
And customize the parameters:
Replace “flashvideoplayer.swf” with your SWF filename;
Replace “http://www.myhomepage.com/” with your own address;
And replace the “width” and “height” with your flv file’s width and height. Specify the “quality” and “bgcolor” as you want. The Flash video player has the “.flv” file’s URL when it is created. So you don’t need to specify it in the code.
Key steps summary
It is simple to put your video on your own site: Step 1, convert your video to FLV format, and create a Flash video player for it; Step 2, Upload the created files to your server, add the code to your webpage, and specify the right
Tutorials Home
Tutorials » 3rd_Party
How to put flash video on your web site?
