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.

Filed under Tutorials, Bookmark the permalink. Comments are closed, but you can leave a trackback: Trackback URL.

19 Comments

  1. Posted Dec 26, 2008 at 4:19 pm | Permalink

    thanks for this info…

  2. Posted Jan 19, 2009 at 8:55 pm | Permalink

    i remember when i first started out bloggin this was a thinker. nice post…

  3. Posted Mar 16, 2009 at 7:04 am | Permalink

    THis was helpful thanx.

  4. Posted May 21, 2009 at 8:26 am | Permalink

    thanks for this info…:)

  5. Posted Jun 19, 2009 at 9:41 am | Permalink

    it worked great and easier way to understand and post videos in blog posts

  6. Posted Jun 22, 2009 at 6:57 am | Permalink

    Hi there thanks for that, I was wondering if its possible for users of my wordpress site to embed youtube videos in their comments. I would really really appreciate any help you can give me on that

    • Posted Jun 29, 2009 at 5:26 pm | Permalink

      I should have known this, and feel a bit like an idiot, though that is not uncommon. :) Thanks for publishing this.

  7. Posted Jul 4, 2009 at 5:14 pm | Permalink

    The implementation of youtube videos and wordpress has never been so easy, thanks so much!

    Regards,
    Jermaine

  8. Posted Jul 31, 2009 at 2:42 pm | Permalink

    That was an extremely useful post. Your instructions were very easy to follow for a technoramous like me — and everything worked beautifully. Thanks for posting.

  9. Posted Aug 16, 2009 at 4:11 pm | Permalink

    Great post ! i’ve already subscribed to your feed. Thanks

  10. J
    Posted Aug 26, 2009 at 10:10 am | Permalink

    How do you post a slideshow of multiple YouTube videos in a single post in WordPress?

    Example: http://tinyurl.com/13farnee

    • Posted Aug 26, 2009 at 3:06 pm | Permalink

      Hey J,
      I’m not sure how they did that. Looks like something custom.

  11. Posted Nov 12, 2009 at 8:24 pm | Permalink

    I have found many ways to post videos in wordpress. You can do a search for wordpress plugins. I perfer the plugins which can save time.

  12. Naveen
    Posted Jan 5, 2010 at 10:15 am | Permalink

    Thanx…..It works……..Great Job……….

  13. Posted Jan 19, 2010 at 11:42 am | Permalink

    Thank for the tip!!
    Worked like a charm.. :-)
    http://www.dvirreznik.com/2010/01/iphone-love-song/

  14. Posted Jan 19, 2010 at 1:28 pm | Permalink

    Thanks a ton. I was fiddling around with the “Add Video” option on the top of the WYSIWYG editor (as described in many other tutorials). But this is exactly what I wanted to do :)

  15. sonia
    Posted Jan 21, 2010 at 9:11 pm | Permalink

    thank you .. helped heaps :)

  16. Posted Jan 22, 2010 at 5:16 am | Permalink

    you BISCUIT! Thank you SO much!

  17. Posted Jan 26, 2010 at 9:03 am | Permalink

    THANK YOU! I tried numerous ways to include a youtube video and you saved my sanity! THANK YOU THANK YOU THANK YOU!

2 Trackbacks

  • Categories

  • Archives