This basic guide will show you the steps how to convert any video to high quality flash video, MP4 with H264 and AAC audio, and put it on your website with a flash video player. Using free software only.
Put the video on your site
JW FLV Media Player (Free for personal use)
You can check how it will look like in the example below here, if it wont work be sure to update the Adobe Flash Player here.
If you are going to convert from a commercial DVD then rip it to the HDD using DVDFab Decrypter first.
Open the source video in HandBrake. Click on Source->Video File to open most video formats and Video->DVD to open a DVD or DVD folder on your HDD.
Choose the Basic->Classic Profile
Set the Format to MP4
Set the Destination output file.
Set Web Optimized and the mp4 will start play directly in flash.
Set the Video Frame size, like 640x. Change the Anamorphic to None to change to a custom size or Loose to just adjust the width and the height will be automatically calculated.
Set the Video codec to H264 under the Video tab.
Set the Target size in MB, about 3-5MB/minute for 640x480 video or 10MB/minuter for HD video(1280x720). Easiest is to test different sizes and see how it looks like. You can also try use 2-pass encoding for a bit better quality but slower encoding or the Constant quality setting, you can't then set a file size but the quality will be based on the source file quality .
Set the Audio codec to AAC under the Audio & Subtitles tab.
Set the Audio bitrate to around 64kbits to 128kbits, higher bitrate = higher quality but it means you will get lower bitrate/quality for the video.
Hit Start to start convert! or add it to the queue and add more jobs and encode the entire queue.
Put the video on your site
Download JW FLV Player and extract the player.swf and swfobject.js and put on your site with the mp4 video you created above.
Add an image to the flash player by adding the &image=flash.jpg to the flashvar setting,If you can't see the video in your web browser be sure to upgrade to latest Adobe Flash player(requires at least Flash Player version 9.0.115 or higher).Code:s1.addParam('flashvars','file=test.mp4&stretching=fill&image=flash.jpg')
If you don't want any black borders in the player you can add &stretching=fill in the url to your mp4 file like http://www.site.com/folder/test.mp4&stretching=fill
If HandBrake wont work you can use other all-in-one h264 converters like Xvid4PSP,. StaxRip, Ripbot264, avidemux.
+ Reply to Thread
Results 1 to 9 of 9
Last edited by Baldrick; 18th Feb 2011 at 09:31.
baldrick - are the pictures covering up some text? the top of some letters look like they are poking up.
I want to use this tutorial, but can't view the 'Code:'. It says that I need to use the
latest version of Flash Player. I am using chrome and when I click on the link,
it says that I already have the latest version.
What to do??? Thanks, Ken Niebling
Can the movie be in a mkv container and still be web optimized for the same process?