Resizing the YouTube Videos

Here's the scoop on easy HTML tips, SEO (search engine optimization) and all news on technical features and softwares!

The topic for today is: resizing the YouTube videos!

This one's easy. First you need to go to the video on YouTube that you want to embed in your post. Each little video has its own embedded code for you to copy and it's located in the bottom right corner of the clip. Click the embed button, then copy the code and paste in your post. What you need to change from the code to actually fit your blog's layout is the width=" " and height=" " size. Here's an example from the new Harry Potter trailer:
Now this video's code says the values for width and height are 640x385. You want to make this video working with your layout so for this you need to change the width="640" into your main wrapper's width(you can find that if you hit the Design button in your dashboard, then the Edit HTML button, then find the "#main-wrapper" value and look for the width). It should look something similar to this:
The number shown in the width is what you need to determine the width of the video. In this case it should be 700, but just to make sure it fits(in case you have other frames or stuff) I'll say 600 should be safe. Now that we determined the width of the video we need to find out the height too. To determine the height of the video without making it look stretched out, the formula for that is this:

original width = your blog's width
original height     new height

in our case:
640 = 600 => x= 600x385 => x = 360
385       x                 640

So the right code for this video to fit a 700px wide layout would be this:

You need to change the 640 and 385, from before, into 600 and 360, both in the upper part of the code and in the lower part as well. That would make the video fit like so:

Hope it helped!! For more tips on HTML, SEO, blogger help and more, check back everyday so you don't miss any of the Technical Support :)


59 comments:

Quasi Serendipita said...

Great tutorial - I think it should be similar with wordpress too. Stopping by from SITS :)

Jane @ Going Jane said...

Thanks for the tips! Following from Meet & Greet Monday! :)

RenderMeMama said...

Oh wow! I didn't realize you could even DO this! Thanks so much for the post!

I am new here from Making Friends Monday. Come check out my blog and follow back?

Amy @ rendermemama.blogspot.com

allthingsnew said...

Hi! I just got your comment about following me from Making Friends Monday! I'm already following you, but I wanted to stop by and say thanks for the follow back :)

Blessings,
Stephanie

Writing Without Periods! said...

Thanks for the tips for You Tube. I love to watch them and now will do some on my blog.
Mary

flmom said...

Following you from Making Friends Monday! http://isthereabathroomonthisship.blogspot.com/

Ava said...

Hi, new follower

Haupi said...

Hey, this one I knew, but great tutorial. Just pokinng my head in to make sure I'm up to date with your instructions. Hope you had a great weekend.

Haupi
http://hauplight.blogspot.com/

Gayle said...

Hi there!

Thank you for following my blog, I'm following you back from "Making Friends Monday!"

http://cramazinglife.blogspot.com/

JIll said...

Following you back from mingle Monday. Great site.

Lisa said...

Following you back from Making Friends Monday! :) Great tutorial! I just figured out how to do this the other day with no help. I used the "Custom" video size on youtube and had to keep copy and pasting back and forth until it fit. This would have saved me time.

Blessings,
Lisa xoxo
Raising Future Leaders
http://raisingfutureleaders.blogspot.com

FrugalMom said...

Hi there, I am stopping by from Admirer Monday. I’m your newest follower. I would love it, if you would come join me at Follow Us Monday Morning too.

Allyn Marie said...

Thanks for stopping by my blog! I am now a follower!

Mama_Tank said...

Following you back from http://skeeberboo.blogspot.com via Making Friends Monday!

Anestazia said...

Thanks for following! I'm following back! And I'm sure I'll come by to get some blog tips... I'm still figuring out this whole blog thing... hehee.

http://yourworkistodiscoveryourworld.blogspot.com/

Lara said...

Thanks for following... I'm already your follower :)
http://blogginmommadrama.blogspot.com

frenchieliza said...

Hi there! Thank you SO much for visiting The Foodie Mommie. Your blog has so many great tips, I will definitely come back again and again!
Following you back!

Ron Cooper said...

I’m already following you, but wanted to stop and say hi on this Mingle Monday!

My latest inspirational postings include “8 Tips for Successful Living,” “Celebrate,” “Springtime Beauty,” “The Power,” “The Triumphant Heart,” and “Pure Love.”

Ron

http://inspiredbyron.blogspot.com/

Nanny Dee said...

Hi -- stopping by and following via the Making Friends Monday hop.

I love all the design/technical info you provide on your site -- very helpful. Thank you!

Dee
http://www.newenglandnanny.blogspot.com

Pam said...

Thanks for stopping by today and linking up. I am returning your follow.
Pam @ The Thrifty THings

Brianna! said...

ooo very usedul
thanks for the tips
xoxo
bB

ohh and thanks for dropping by my blog!

Pam said...

I'm following you from The Thrifty THings and from Mom's Mutterings.

Lydia's Pennies said...

Hi, new follower from Admirer Monday. I hope you can hop over and check out my blog.

Lydia

http://lydiaspennies.blogspot.com

Shelli @ Style Ingenuity said...

Hi There!

I love your tips as always! Thank you for helping us gals with your technical expertise. I grabbed your badge!

Shelli from Style Ingenuity :)

www.styleingenuity.com

Christine:) said...

Thank you for stopping by my blog! I am just starting up a craft business and would adore some SEO knowledge and coding info...I am a new follower and can't wait to read up more on what you have to offer! Have a great night:)

Nicole said...

I'm your newest follower from Making Friends Monday! Check my blog out at www.nicolermiller.blogspot.com :)

Krista said...

I found your blog through FMBT and you're exactly what I needed! It's been driving me crazy trying to figure out how to make the YouTube videos fit on my blog! so thank you for the tutorial! I'm your newest follower!

Tracy F. said...

Love your site! I am following you from Tuesday Following.

Tracy
www.cutorcopyandpaste.blogspot.com

That Girl's Deals said...

Cool blog!

I am following from Follow Me Back Tuesday!

-Dawn

www.thatgirlsdeals.com

TracePoo said...

Oh gosh I really love your blog!!!

Thank you for following. I'm following back and can't wait to read more.


TracePoo

BeeCute said...

Im now following u from FMBT! I would love if u would come follow my brand new blog too! I know its not much yet, but promise it will be awesome soon! Thanks!

http://www.beecute1.blogspot.com

Opto-Mom said...

Thanks for following me from FMBT! Hope to make you smile soon!

Opto-Mom said...

Thanks for following me from FMBT. Hope to make you smile soon! Have a great day!

Karen & Gerard said...

This is helpful! I always just play around with it guessing by trial and error. This should definitely save me some time! I'll share this on my Friday "Things I Learned This Week" post with a link back here.

North of 25A said...

Hi! Visiting from SITS - great blog. I am definately following someone who says there is such a thing as easy HTML tips!
Best,
Colleen

Nicki Woo said...

Fantastic tutorial! I didn't realize you could do it this way. My videos usually fit, but sometimes they are a little too big! Thanks for the help. I'm bookmarking this post!

Following you from Trailing Tuesdays. come by my place if you get some time.

http://www.nickiwoo.com

Carol said...

I'm following you from Follow Me Back Tuesday!
Will you follow me?
http://songberries.blogspot.com/2010/07/follow-me-back-tuesday_27.html

Jenn said...

Thanks for visiting my site, I'm a follower of yours now too!
http://www.jennsfoodjourney.blogspot.com/

Fab said...

Follow ME Back Tuesday!! New Follower :)
http://nimblergrove.blogspot.com/2010/07/follow-me-back-tuesdays.html
Cheers,
Tiffany

Monica said...

Following you back- I like your site!

Jenna said...

Following you back! Thanks for stopping by :)

Jennifer @ Giveaways and More! said...

Great tips! Thanks for all your technical help and thanks for following me! I'm a follower already.

Jodi said...

Thanks for the follow! I'm following you back too! I'm gonna go check out all of your great tips now! Thanks!!

Have a good day!!

--Jodi
http://jodibee.blogspot.com

LakeMom said...

Thanks for the follow - and the advice about resizing videos. You're right I do have a video that needs resizing! I changed themes recently and that kind of threw me off, plus I'm still new to the whole "blogging" thing and learning all the tricks & tips. Your blog looks like it has some great tips!

LakeMom
www.SurvivingMotherhoodwithHumor.com
www.GuidetoCollegeLife.com

Tracy F. said...

Thanks for stopping by my blog. I knew I should take Discover :) Great blog...I am very happy to follow back.

Tracy
www.cutorcopyandpaste.blogspot.com

Genny said...

Already following you blog! What a great resource you have here. :)

Samantha Cummings said...

Beautiful blog and great info! I'm following you back from FMBD. I look forward to getting to know you.

Bargain Mom said...

I already follow you, but thanks for stopping by Bargain Mom.

Leigh said...

That is a great tutorial!

Dropping in from Follow Me Back Tuesdays as a new follower!

Erin said...

Hi! New follower from FMBT! Can't wait to see more!

Erin
http://egoddardyo.blogspot.com

Nicole said...

I'm your newest Tuesday follower. Follow back at http://www.onelittlemister.com/

While you're there join our To-the-TOP Tuesday Blog Hop!

Nicole

~Wendy~ said...

Hi, following from Welcome Wednesday. Congrats on getting the #3 spot. Interesting blog :)

www.quickdistraction.blogspot.com

Marissa said...

super helpful post...new follower from welcome wednesday! I know you had commented on my blog in the past, now I'm finally getting back to ya!

Paula@One Mom's Corner of the World said...

Thank you for the great tips!

Deb @ Raising Figure Skaters said...

I'm your newest follower from Over 40 Bloggers blog hop! You have great blogging tips - I appreciate the helpful information!

Dawn said...

Following you

The Adventures of a Blondie Mommie said...

I'm your newest follower! Love your blog and can't wait to read more!
www.ryanchristyandlanden.blogspot.com

Amiko said...

Thank you, I tried to put YouTube on my blog, but failed. I hope when I try your way, I can success....

Amiko
http://mynameamiko.blogspot.com

Jennifer said...

Thanks for hosting the blog hop again! I used to hop every week but took the summer off but now that it's fall...I'm BACK! Looks like I need to change your hop button my blog.