First time here? First time here? Newsletter Signup Newsletter
Login | Register | 651326 Members and growing! | Flash Jobs
Search tutorials
Author: lewisto
Useful Software

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:
You tube FLV 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:
    cabs/flash/swflash.cab#version=7,0,0,0″ width=”400″ height=”300″
    id=”flashvideoplayer.swf” align=”middle”>

    value=”http://www.myhomepage.com/flashvideoplayer.swf?
    flv=http://www.myhomepage.com/myvideofile.flv“>


    http://www.myhomepage.com/flashvideoplayer.swf?
    flv=http://www.myhomepage.com/myvideofile.flv” quality=”high” bgcolor=”#ffffff” width=”400″ height=”300″ name=”flashvideoplayer.swf”
    align=”middle” allowScriptAccess=”sameDomain” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer”>

    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:

    cabs/flash/swflash.cab#version=7,0,0,0″ width=”400″ height=”300″
    id=”flashvideoplayer.swf” align=”middle”>

    value=”http://www.myhomepage.com/flashvideoplayer.swf“>


    http://www.myhomepage.com/flashvideoplayer.swf” quality=”high” bgcolor=”#ffffff” width=”400″ height=”300″ name=”flashvideoplayer.swf” align=”middle” allowScriptAccess=”sameDomain” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer”>

    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

Tags: , , , , , , , , , ,

» Level Advanced

Added: 2008-11-07
Rating: 9 Votes: 2
(10 being the highest)
» Author
web designer
» Forums
More help? Search our boards for quick answers!

Comments

  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: work2survive
» Title: Girl Walking 1kb
» Description: Walking girl, animation just takes 1kb, using high heels shoes, and fashion model attitude.
Featured Sound Loops
Image for equalize

Audio Player

» Author: BoxCat
» Title: CPU Talk
» Description: From the cyberpunk RPG, "Nameless: the Hackers" Completely Free to use! Keywords: edm hip hop rap electronic mysterious mission hacking chase exciting spy ios ambient chilling love happy sad angry suspense
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: nathan
» Description:

A recorded sound of the Dimensional Fork Gate.