Faces of the Moon

How to upload widescreen videos to YouTube (Part 1)

December 19, 2006

Update: My pan and scan tutorial is now available here

YouTube displays its videos in a viewport that is sized like a small TV screen.

But what if your video is widescreen? How would it look like in YouTube?

I just want to give some tips on how to prepare your widescreen videos before you upload it to YouTube.

For starters, YouTube's video viewport has a size of 448×336 pixels according to my own manual measurements. The viewport has an aspect ratio of 4:3 (TV screen proportion, a.k.a Fullscreen). Videos made for or captured from TV readily fit inside this viewport.

But widescreen videos are becoming more and more common today, especially with the advent of HDTV. The most common widescreen ratio is 16:9, although the wider 2.35:1 (a.k.a. Theatrical) is increasingly becoming popular as well. To give you some visual ideas, here are some images:

But regardless of the aspect ratio of the video you are going to upload, the video will still be shown in a 4:3 viewport. So how would you fit a widescreen video inside YouTube's viewport?

It's not always affordable to upload your video as is, because the bigger the file size of the video, the longer it will take to upload AND be processed by YouTube. So you would usually have to resize the video using a video editing program. But if you just resized the video to 448×336 (or 320×240 as recommended by YouTube), you will get this:

As you can see, the video is squeezed. Eggheads are talking and walking around. Everything is out of proportion.

 If you care about preserving proportion, then there are two ways to resize and reformat your video:

1. Letterbox - Fit the width of your video inside the 4:3 viewport, then put black bars above and below your video to keep it centered vertically.

 

 

2.  Pan and scan - Fit the height of your video inside the 4:3 viewport, then crop off the excess left and right sides.

 

 In this post, I will discuss the letterbox method. I will discuss the pan and scan method in my next post.

 

In this post, I'm going to use VirtualDubMod to illustrate the video editing. I like VirtualDubMod because it's a very powerful yet lightweight video editing software, and most of all, it's free. To install VirtualDubMod, install first the DivX and the XviD codecs, then download the following zipped files from the VirtualDubMod site:

  • VirtualDubMod (VirtualDubMod 1.5.10.2)
  • VirtualDubMod bugfix/CVS (1.5.10.2 build 2542)

Create a directory called VirtualDubMod in the C:\Program Files\ directory. Then extract the files into C:\Program Files\VirtualDubMod, in the order shown above, overwriting any existing files. Finally, click VirtualDubMod.exe to launch the program.

Create a directory called VirtualDubMod in the C:\Program Files\ directory. Then extract the files into C:\Program Files\VirtualDubMod, in the order shown above, overwriting any existing files. Finally, click VirtualDubMod.exe to launch the program (screenshot).

To resize and reformat your video into letterbox, follow the steps below. Screenshots are provided for each step.

  1. Open your video in VirtualDubMod. 1 2
  2. Identify the aspect ratio of your video. To do that, go to the File menu and select File Information. Then find the Frame size entry and get the width and the height of your video (it's 704×396 in the following screenshots). After that, divide the width by the height using a calculator. If the result is 1.333, then your video is 4:3. If the result is 1.7777, then your video is 16:9. If the result is 2.35, then your video is 2.35:1. 1 2
  3. Select the video segment you want to process. But if you want to process the whole video instead, skip this step. But remember, YouTube requires all videos to be not more than 100 MB in size AND not more than 10 minutes in length, unless you have a Director account1 2 3 4
  4. Activate the resize filter, then double-click resize to pop up the Filter: resize configuration box. 1 2 3 4
  5. For New Width and New Height, enter 448 and 252 respectively if your video is 16:9, or 448 and 190 respectively if your video is 2.35:1. For the filter mode, select Bicubic for best quality after resizing. You may optionally preview the result. (For the reason why 448×252 is entered for 16:9 videos, YouTube's viewport is 448×336 in size. To fit the width of the video while preserving the original proportion, the new height of the video should be 448 * 9 / 16 or 252. Similar math applies to 2.35:1 videos.) 1 2 3
  6. Close all the Filter dialog boxes. 1 2
  7. Activate the Video Compression dialog box. You will find there a list of available codecs, two of which are DivX and XviD. YouTube requires that your video's codec should be either DivX or XviD. You can choose either of the two, but you might encounter some problems when reformatting your video using DivX. I suggest that you use XviD instead, and XviD is also the one I'm using in this discussion. 1 2
  8. Configure the quality settings for the codec you chose. In the screenshots, I set the target bitrate to 2000 kbps for high quality output. (Initially, you will see Target quantizer instead of Target bitrate in the XviD Configuration box. Just click the Target quantizer button to switch to Target bitrate.) 1 2 3 4 5
  9. Finally, save your changes to another file. Only the video segment you selected earlier (Step 3) will be saved, together with all the resizing and the reformatting (unless you processed the whole video). Upon saving, the conversion process will start to kick in. 1 2 3 4

Voila! Your video is now properly resized. You can now upload it to YouTube. Have fun. :-)

Strictly speaking, up to this point your video is still not yet reformatted. But when YouTube displays your video, YouTube will reformat it for you by automatically providing the black bars above and below your video.

For those of you who are irritated by the black bars, you might find the pan and scan technique better. See my next post. :-)

 

Posted by Perry Valdez at 12:11 pm | permalink

Previous Comments

Thank you for this simple tutorial. After a google search, your site was the first and most straightforward. I’ll be checking for your next post.

Posted by AlphaLux at December 29, 2006, 7:06 pm

Thanks for taking the time to write all this out. Very helpful! I followed all you steps and found that YouTube still resized my video to fit their TV aspect ratio. I fiddled around a bit and found the info I was missing. May I suggest that you add to your step #5 (resizing filter) the options of selecting the ‘Expand frame and letterbox image’ checkbox and assigning the frame width and height to be 228 x 336 px. This will fill out the sides with the black letterbox and not allow YouTube to resize your video. Thanks again!

Posted by Josh at February 7, 2007, 2:04 am

Sorry, make that 448 x 336 px. Damn number pad…

Posted by Josh at February 7, 2007, 2:52 am

Thanks for the tip, Josh. I’ll include that later. :-)

I actually used to do “Expand frame and letterbox image” before I discovered a long time that YouTube automatically letterboxes 16:9 videos. Since then, I do not perform that step anymore whenever I upload widescreen videos.

But AFAIK YouTube only letterboxes the videos whenever it correctly detects the proportion as 16:9. On the other hand, I’m not really sure if YouTube can properly letterbox anamorphically-proportioned videos (common anamorphic sizes are 720×480 and 720×576 from DVD sources). Anamorphic videos are always sized that way, regardless of whether the videos are supposed to be displayed at 4:3 or 16:9. The actual aspect ratio (4:3 or 16:9) is kept in the MPEG header of the anamorphic video, but this information will be lost when someone just carelessly converts/rips it to AVI. I think YouTube will get confused if it cannot determine anymore the video’s correct aspect ratio.

Posted by Perry Valdez at February 8, 2007, 1:52 am

I’m looking forward to your Pan & Scan guide. Letterboxed widescreen looks wayyyy too small for me at Youtube’s resolution.

Posted by Paul at February 9, 2007, 6:08 am

Hi Paul, see my pan and scan tutorial here:

http://perryv.i.ph/blogs/facesmoon/2006/12/31/how-to-upload-widescreen-videos-to-youtube-part-2/

Posted by Perry Valdez at February 9, 2007, 9:11 am

uhm.. i was looking for how to embed a youtube video in a post… cant seem to make it work when i edit the post in html.. it doesnt work.. can you help me?

Posted by porky at April 2, 2007, 7:36 pm

Can you make a tutorial for adobe premiere encoder?

Posted by generic cialis at July 3, 2007, 10:52 am

Can you make a tutorial for adobe premiere encoder? My problem is it squeezes everything skinny in youtube. I use adobe

Posted by generic cialis at July 3, 2007, 10:53 am

Very well explained. I’ve blogged a similar article on how to use Virtualdub to resize video for YouTube with some screenshots. My method uses Virtualdub’s filters to resize the video in the viewport.

Posted by KevBlog at July 18, 2007, 12:18 am

very helpful, thankyou

Posted by tim at July 23, 2007, 11:26 am

Very Helpful so far,

Ik have some sunscreen effect in some parts of the video???

http://nl.youtube.com/watch?v=hABP7APnFLQ

Can you tel me what i did do wrong

Posted by Bird at July 30, 2007, 8:17 am

It really saves me time and effort. thanks for the tip.

Posted by Generic Cialis at August 29, 2007, 11:01 pm

this custom windows moviemaker plugin seems to work pretty well… except there’s a purple box inthe upper left-hand corner… oh well.

httpwww.podyourband.comletterboxer

Posted by dennis at September 8, 2007, 7:29 am

oops, try this link

http://www.podyourband.com/letterboxer/

Posted by dennis at September 8, 2007, 7:30 am

thanks for this info

Posted by meeble at October 16, 2007, 12:32 pm

You completely forgot about taking care of most people who have videos in 640×480; 4:3!!

As I followed your step, I couldn’t go on from step 5 on wards. How about telling something there to resize the video to meet the requirement, etc. Its sad that your steps are as complicated as the tech world!!! Future Steps ? try making simpler and with BEGINNERS in mind!

Cheers!

Posted by Ruben at October 31, 2007, 12:47 pm

Great Help Thank you :)

More Videos to Watch and Video Publishing Links:-
http://www.acomputerportal.com/videos_to_watch_video_publishing.html

Posted by Videos to Watch and Video Publishing at November 15, 2007, 7:39 am

I wish that those of us who are not computer
savvy could get a little more “personal” attention!

Sometimes the problems (after they are solved) are not complicated, but however
a little walk through on the telephone will
be a little more (personal!); or shouldn’t
this matter?

Anyway, can someone help me finish setting
up my Abunza program? I don’t know how to
set up the Abunza “Trailer” video.

Labrenda Youmans (718)716-1788

Posted by Labrenda Youmans at January 30, 2008, 7:02 am

Here is a URL to 16×9 playback of the first video on this page using my simple widescreen player page:

http://www.geocities.com/themissoulian/ws.htm?v=hKRFYaX-w20

By uploading your widescreen videos in “squeezed” format and providing a link to widescreen playback in your video description, you can eliminate the other steps and also make the most of YouTube’s available video resolution.

See this page for more info:

http://www.youtube.com/watch?v=7WMdkmn7a2M

Posted by The Missoulian at March 31, 2008, 5:19 am

if you want to watch youtube video in widescreen format by default, try this

http://foolrulez.org/blog/2008/11/youtube-widescreen-video-enabled/

Posted by guorbatschow at November 23, 2008, 5:49 am

hi Perriv… thanks for your article..

That’s very help to me..

Posted by Kampanye Damai Pemilu Indonesia 2009 at February 23, 2009, 12:34 pm

Thanks for the great reference post.

Posted by free ebook at April 26, 2009, 5:16 am

Yes, I will definitely be interested in the ebook, whether it is to be available for everyone or for subscribers only, especially after I came across this ebook search engine - http://www.ebook-search-queen.com/

Posted by tickert at May 29, 2009, 8:55 pm

wow goldAion kinahThe dog shrieked for mercy and the other two fled with their tails between their legs. Boxer looked at Napoleon to know whether he should crush the dog to death or let it go. Napoleon appeared to change countenance, and sharply ordered Boxer to let the dog go, whereat Boxer lifted his hoof, and the dog slunk away, bruised and howling.

Posted by csy211 at October 10, 2009, 9:42 pm

metin2 yangmetin2 yangAnd he moved off at his lumbering trot and made for the quarry. Having got there he collected two successive loads of stone and dragged them down to the windmill before retiring for the night.

Posted by csy211 at October 10, 2009, 9:43 pm

Aion moneyAion CD-KEYThey had just finished singing it for the third time when Squealer, attended by two dogs, approached them with the air of having something important to say. He announced that, by a special decree of Comrade Napoleon, ‘Beasts of England’ had been abolished. From now onwards it was forbidden to sing it.

Posted by csy211 at October 10, 2009, 9:43 pm

thank you

Posted by Generic Viagra at November 3, 2009, 4:35 pm

thank you for sharing

Posted by Buy Generic Viagra Online at November 3, 2009, 4:37 pm

nice

Posted by Buy Cheap Generic Viagra at November 3, 2009, 4:38 pm

they had more shaiya money

Posted by shaiya money at December 25, 2009, 12:40 pm

talisman gold is important in this game. If you do not want to be bullied by the high level of players, you should ear more talisman online gold which can you get a high level in short time. But it is difficulty for a new player to do this. Yet you are lucky because we sell the cheap talisman gold. You can buy talisman gold from us.

Posted by talisman online gold at January 11, 2010, 11:17 am

ghd is a good choice for people. ghd straightners are of high quality. you will have a brand new experience when using pink ghd hair straighteners.

Posted by GHD at January 16, 2010, 4:26 pm

Today, I have stolen a lot of silkroad 2 gold , and when I play games at night, when found I want to buy a lot of things, in other words, I need a lot ofsilkroad online 2 gold Therefore, the called students turn a little buy silkroad2 gold to me and then I also bought a littlecheap silkroad2 gold online. I also make thesilkroad2 money in the game over the next few days.

Posted by silkroad 2 gold at January 23, 2010, 1:59 pm

If you need Tibia Gold, but do not want to cost much time to earn Tibia Gold in every quest. I advise you to Buy Tibia Gold. It is cheap and convenient. No one will reject to buy Tibia GP online. In this way, you can spend less money and buy more Cheap Tibia Gold.

Posted by Tibia Gold at January 30, 2010, 4:51 pm

Truely a nice blog and thanks for your great work. By the way,welcom to our websites:www.fashionhairfu.com . We provide cheap hair straighters, including the
ghd precious gift set
ghd pretty in pink
ghd radiance set
ghd rare styler
ghd iv gold styler
ghd iv kiss styler
ghd iv black styler
ghd iv pink styler
ghd iv dark styler
ghd iv pure styler
ghd iv purple styler
ghd iv styling
ghd iv mini styler
babyliss straightening
instyler curling irons
chi pink flat iron
chi turbo 2 big flat iron
chi black flat iron
, the limited edition ghd precious gift set , cheap ghd pretty in pinkand so on. Nothing would be more suitable than these on our sites ghd flat iron. Wholesale and retail are both acceptable to us. Welcome to our site and free to look! Thank you and wish you a nice day. Good Luck!All of the product are popular around the world. In addition,ghd dark styler
are also very popular.our products also have a corresponding discount activities,Do NOT miss it! Wholesale and retail are both acceptable to us. Welcome to our site and free to look! Thank you and wish you a nice day. Good Luck!

Posted by ghd hair straightener at February 3, 2010, 10:25 pm

Generic Viagra
Cheap Generic Viagra
Generic Cialis
propecia

Posted by john at February 10, 2010, 4:39 pm

uggs outlet
Nike Outlet
cheap uggs

Posted by nike outlet at February 20, 2010, 5:43 pm

buy Abercrombie and Fitch Abercrombie and Fitch shop Abercrombie and Fitch shop Abercrombie and Fitch store Abercrombie and Fitch store Cheap Abercrombie Fitch Cheap Abercrombie Fitch Thank you for the information

Posted by Abercrombie & Fitch at February 23, 2010, 2:52 pm

I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful and beneficial to your readers Nice article.The code works fine and is a good starting point for me making a custom module.Thanks for the module..

Posted by comment jouer au casino gratuitement at February 24, 2010, 4:03 pm

Af-mart is a professional Abercrombie and fitch shop online, provid Abercrombie, abercrombie clothes, abercrombie jeans, cheap Abercrombie and many other Abercrombie brand series.

Posted by Abercrombie at March 1, 2010, 4:28 pm

Welcome to the MBT trainers shoes website:

http://www.mbttrainersshoes.com.www.Mbttrainersshoes.com is a wholesale and retail supplier of MBT walking shoes

.We offer 100% authentic MBT trainers shoes, include MBT Changa Shoes,MBT M.Walk, and MBT Chapa shoes and so on .
MBT shoes.
MBT shoes sale,
MBT trainers shoes,
MBT Walking shoes,
Welcome to http://www.louboutindiscounting.com.
We offer new-style christian louboutin , Fashion and discount christian

louboutin with cheap price and no tax shipping.
discount christian louboutin.
coach handbag outlet and you can find all your love coach handbags here.

Posted by MBT trainers shoes at March 2, 2010, 1:21 pm

Gamers ought to know Cabal Alz if they really like to play this game. All gamers want to buy cabal Gold to promote their character level easily, more Cabal Online Alz they own, more items they can buy in game. While we provide you cabal online Gold, surely you can get them at cheap prices.

Posted by cabal Gold at March 11, 2010, 1:33 pm

Add a comment








     

December 2006
M T W T F S S
« Oct   Feb »
 123
45678910
11121314151617
18192021222324
25262728293031

About Me

Perry is a computer programmer, a music enthusiast, a book worm and a couch potato.

He's currently residing in Pasig City, Metro Manila, Philippines.

(May pa-third person effect pa! :-P )

    

Multimedia Gallery

Tagboard

clyde:

nice blog. you might be interested in free classifieds. http://cotabato.tk

clyde:

nice blog. you might be interested in free classifieds. http://cotabato.tk

pacman:

nice blog site. ok na ok.
anyway share ko lang po. you can watch manny pacquiao video collection here:
http://boxing-tube.tk
or here:
http://mannypacquiao.tk

Kristine Eleonor Arciaga:

Si Ronald Comoda Legaspi ay isang napakabuting bata.

wahahahah!!! ;D

ALAM MO RONALD THANKFUL AKO NA IKAW ANG NAGING KARELASYON KO KASI ANG BUTI BUTI MO AT HINDI MO TALAGA AKO PINAPABAYAAN. MINSAN NAIISIP KO NA HIWALAYAN KA KASI SOBRANG MINAMAHAL NA TALAGA KITA PERO AYOKO HINDI KO KAYA.

AT NA-PROOOOOVE KO NA YUN NG ILANG BESES…

AYAN NGAYON NGANG MAGKAHIWALAY NA TAYO NG UNIVERITY NA PINAPASUKAN SANA PO AY HINDI MAGBAGO ANG PAGTINGIN MO SA AKIN..

AKIRA24 NA LANG PARATI ANG PINAPAKITA MO SA AKING KATAUHAN MO EH!!

NAGSESELOS AKO SA MGA COMPUTER GAMES NA NILALARO MO EH!! BUTI PA SANA E!!! CHARACTER NA LANG RIN AKO DOON!!

HEHEHEEH ^_^

MAHAL NA MAHAL KITA!!

AYOKONG ISIPING DARATING ANG ARAW NA MAWAWALAN NG LAHAT NG SAYSAY ANG RELASYON NATING 2… HAPPY MONTHSARRY PO!! NOV.19!! BEL8ED!!….

UY WAG MOKO IKAKAHIYA KAHET NA CHUBBY AKO AH!! HEHEH… AT SANA NAMAN PO AY HUWAG MO NA AKONG ASARING PIGGY BABE AT PANDAK!! SEXY NAMAN AKO AT SYEMPRE MAS MATANGKAD AKO SAYO!! ANO ANO!!?? MAY SASABIHIN KA BA WAHAHHAHAHA!!! :D

I <3 U po!! mwUaH!! :*

INGAT KA PO PARATI!! MALAPIT NA ULIT ANNIVERSARRY NATIN AHAHAHA!!! ^_^

I AM XOXOXOXOXOX EXCITED!!

HIHIHI

GUE PO PAPALOVE ANDITO LANG AKO KAHIT NA DUMATING UNG PANAHON NA WALA MAN TAYO HINDI KA PA RIN MAWAWALA SA PUSO’T ISIPAN KO!! MAHAL NA MAHAL TALAGA KITA AKIRA24: AGI: NALDA

bY: MAMALOVE

Capiz Bloggers:

Great! :)

AYETH:

Ei ALAM NiYO PO BA TITLE NG TAGALOG THEMESONG NG APRIL KISSES?? YUNG GANITO: “HANAP-HANAP KA NG PUSO, HINDI KO MAINTINDIHAN, KUNG BAKIT HANGGANG NGAYON AY IKAW PA RIN SINTA…” –YUNG SINGER NA RIN PO KASI GUSTO KO SIYANG IDOWNLOAD FOR MY MP3… SALAMAT SA MAGREREPLY PO.

benz:

cno may OST ng immunity part sa Survivor?

Bryan:

anu title nung kanta sa a date with tiffany sa gma send it on my e-mail enkaiymoldreon@yahoo.com

purpleworm:

hi! just visiting! :-)

renan:

kamusta? join ka busby seo challenge 1 month and a half nalang ang contest. Me and my team including bleuken are participant of busby seo challenge.

busby seo challenge:

i hope you support the entries of pinoy on the busby seo challenge

bleuken:

Kumusta na po? any new news or posts sana meron soon!

David C. Nugent:

On the subject of “Election Candidates Polluting the Wikipedia?” I agree. Blame it on their net marketing “strategists.” But instead of placing these candidates in a better light, it only places them in a bad light for the seemingly veiled intentions of vain propaganda. Unfortunately, the electoral public are much wiser than they expected us to be. We discern. We see through all the devious layers of politicking and political waltz.

David C. Nugent:

On: “Election Candidates Polluting the Wikipedia?” I agree. Blame it on their net marketing “strategists.” But instead of placing these candidates in a better light, it only places them in a bad light for the seemingly veiled intentions of vain propaganda. Unfortunately, the electoral public are much wiser than they expected us to be. We discern. We see through all the devious layers of politicking and political waltz.

arlo gilbert w/ bleuken:

wow, whata number of reads per post. Can we exchange links?

bleuken on pinoy money talk:

talagang consistent ka, hindi ko kayo mareach sa traffic nasa top 25 ako but u ur top 4 on alexa.com i.ph traffic!

RENAN:

siguro ikaw ang # sa i.ph..

RENAN:

astig mga viewer mo dude..galing.paturo naman pano tumaas ang rank page.

bleuken:

i agree w/ tom i see on Alexa that ur the top contributor on i.ph rank. galing. exchange links po?

Tom:

Congratulations. Your blog is one of the top i.ph blogs.

Leave a message ▼