How to add Youtube video to a WordPress post — The EASY way.

One of my clients recently asked me how they could add a Youtube video to their blog post. I thought that the correct way to do this was common WordPress knowledge, so I figured I could point them to an easy to find Youtube video with instructions on how to do this. I was shocked when I couldn't find a single video on how to add Video to a WordPress post, without using a plugin OR switching to the HTML editor (which is SCARY to many of my clients). Granted, with WP versions prior to 2.5, switching to the HTML editor was the way to go. But it seems like no one knows about this 'secret' button that makes adding Video to WP super simple in WP 2.5+. That said, I am going to let the secret to this button out of the box.

Step 1 - Reveal the extra WYSIWYG icons.

Default WordPress Post Editor icons

Default WordPress Post Editor icons

The default WordPress post editor probably looks something like the image above. To get to the 'MAGIC' button just click this icon: Advanced WYSIWYG Editor which opens up a ton of other WordPress features that very few people seems to talk about.

Step 2 - Click the Video embed button.

Click this button: which will open up an Add Video pane (Just like the add media button). The pane looks like this:

Wordpress 2.5+ Add Video Pane

Wordpress 2.5+ Add Video Pane

Here’s where it gets really simple…

Step 3 - Grab the Youtube URL


Do NOT use the Embed code.

Step 4 - Paste the Youtube URL into the File URL box.

Needless to say you can paste in many types of links here. Not every service works, but I believe all of the majors work like Youtube, Myspace, Vimeo. Also self hosted videos may work in this way, though I haven't tried it myself.

You don’t need to bother with the ‘Type’ section of the form. Leave it set to Flash. After you paste in the Youtube video URL, you can edit the Video size to fit specifically to your blog. Make sure to check off Constrain so that the video stays proportionate. Once you've done that, you'll see a preview of the embedded video, which is also a nice feature.

Wordpress 2.5 Video Embed Pane

Wordpress 2.5+ Video Embed Pane

There is also an ‘Advanced’ tab that gives you even MORE options when you combine it with the ‘Type’ options, but I will not get into that this go around. I will say this though. It’s POWERFUL.

Step 5 - Click Insert & you’re DONE.

Wordpress Video Embed Placeholder

Wordpress Video Embed Placeholder

From there you'll see a yellow placeholder box which represents the placement of your video (pictured above). You can resize and drag it around just like you would do any image in a post.

Example.

I hope this helps someone out.