The Easy Method

Okay, instead of just copying the standard embed code from YouTube, which may be a bit too small for you.

Let's bounce back into YouTube and pretend this is the first time we went there to copy the code for the video.

As a reminder, here's how we went to go and copy the embed code the first time:

BUT WAIT! Instead of just copying that out of the gate.......

Click the Show More link just below it:

Then, you'll notice this cool little selector:

Did I pronounce the selector gizmo enough? LOL!

Yea, click that wee dude!

Here's what you get:

There are the four standard sizes in perfect aspect ratio.

Small, Medium, Large and Way too large.

I way too large, because 1280 x 720 is typically too big for most websites. Your "text container" is generally below 900 pixels.

Yea, and if you're really "skippy" go ahead and test out the custom size. But, really, you'll only need to select one of the first three.

So, after you select one of these, it will include this in the embed code's HTML.

For example:

Here, I selected the 640 x 360 option, which is plenty big enough (usually too large):

So, when I copy that and paste into WordPress. It will automagically generate a video that looks like this:

You will notice that 640 wide takes up about 80% of the text container (the entire typing area of the screen) as opposed to the smaller format.

Also, I added the Center code in the above example because I'm O.C.D. that way.

Wait, Peej, I want to wrap text around it, nice and tight.

Oh, well, aren't you going to be a fun student? ;-)

Okay, here's another tip for those that wanna go the extra mile and align the video either left or right, so you can neatly wrap text like you would an image.

Add in a wee code into the embed HTML stuff as such:

align="right' will move the video right and the text will appear wrapped on the left - like this:


Obviously, if you change it to align="left", it will do the opposite:

And now,

You're a master at video resizing, centering and aligning! Go have a glass of wine. You did good!

So, I hope this clears up some of the confusion of resizing your videos in WordPress. Sometimes we want the video width to match an image or table above or below the video, just to be nice and professional.


Hope this helps! If so, please "LIKE" and comment below! It keeps these tutorials coming!

Cheers!

pj



Join the Discussion
Write something…
Recent messages
Dfoxmd1215 Premium
Well done. David
Reply
PjGermain Premium
thanks again Doc!
Reply
Crittercraft Premium
Thank you so much! I don't mind coding at all if it is explained properly :-D You did a great tutorial!
Reply
PjGermain Premium
Awesome!!! Thanks so much!
Reply
Martstervt Premium
Keep em coming Peej, I went through it but will bookmark to aid my retention fallibilities.
Marty
Reply
PjGermain Premium
LOL! It'll be here for ya! ;-)
Reply
Martstervt Premium
ATSA Spicey Meatball::))
Reply
Yuko Premium
I just made my first YouTube video last week and this tutorial will come in handy soon for sure! Thank you so much PJ for creating great lessons for us as always. :)
Reply
PjGermain Premium
Awesome Yuko! You're gonna be a STAR !!!
Thanks so much!
Reply
Yuko Premium
Haha, you are too kind and the video is not even 4 min long, but you know what? I made it in English :) Yes, it was a big deal for me! lol
Reply
PjGermain Premium
4 minutes is good!! Too long and people get bored. I have found that 3.5 to 4:5 in length is the "sweet spot". I look forward to checking it out!
Reply
AlexEvans Premium Plus
PJ you are a star man, there are guys online selling the information you are bringing to the table, far out total legend. Thank you.
Reply
PjGermain Premium
HEYYYYY, there's a thought! ;-)
Thanks bro!
Reply
AlexEvans Premium Plus
Ah mite of just shot myself in the foot, keep it free for members of your fan club.lol
Reply
PjGermain Premium
LOL!!! Will do!
Reply
Top