« New cool features of Adobe Photoshop CS 3
PHP+JS Detection of JavaScript browser settings »

How to embed YouTube videos to a Wordpress blog

by Vivien

When I tried embedding Adobe Photoshop CS3 video from YouTube in my previous posts it didn’t work. It messed up my blog, and nothing was appearing after that post. So I started searching on Google on how to ow to embed YouTube videos to a Wordpress blog. I found several tutorials and tips, still had troubles with some of them, but after a few attempts I got it right.

As it turned out, you cannot just paste the embed code to the editor window when TinyMCE WYSIWYG editor is on, nor can you paste the embed code to the HTML source by clicking on HTML icon, you need to turn off the WYSIWYG. So to spare you the same frustration I had and if you’re struggling to get your YouTube video embedded to your blog, here’s what you need to do:

  1. Login to WordPress admin
  2. Go to Options >> Writing *
  3. Uncheck box “Users should use the visual rich editor by default” *
  4. Go to Write >> Write Post
  5. Paste the YouTube code in the write box
  6. Publish

* if you logged in as admin you might need to turn off rich text editing under Users >> Your profile.

Also, keep in mind that the <embed> tag is deprecated in XHTML 1.0, so instead of embedding YouTube’s code as it is suggested on their site (their instructions are given on the left side from the actual video), use the following format:

<object type=”application/x-shockwave-flash” width=”425″ height=”350″ data=”http://www.youtube.com/url”><param name=”movie” value=”http://www.youtube.com/url” /></object>

Make sure to replace the video URL with the one you’re using in your blog.

There’s also a quick way of adding YouTube or other videos to your blog - using Video Quicktags plugin.

Share This

This entry was posted on Wednesday, December 27th, 2006 at 9:09 pm and is filed under how-to, wordpress. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Digg this story ?

11 Responses to “How to embed YouTube videos to a Wordpress blog”

  1. Steve Says:
    February 15th, 2007 at 3:58 am

    thank you, I have added this to my delicious, will use as a reference when I add youtube videos to my blog

  2. ibit Says:
    February 15th, 2007 at 6:46 am

    You’re welcome. And welcome to my blog, Steve :-)

  3. Mara Mei Says:
    May 29th, 2007 at 3:48 am

    Thank you. This is very usefull.

  4. Aby The Liberal Says:
    June 13th, 2007 at 10:30 am

    Thank you very much for this article. I had a hard time trying to insert YouTube videos on my WP website, now the plugin and tips were really useful.

  5. Vivien Says:
    June 13th, 2007 at 10:35 am

    You’re all very welcome. Glad this article is helping others with embedding YouTube videos.

  6. Chris Says:
    October 27th, 2007 at 6:18 am

    Hm somehow I have nothing like this option in Wordpress MU

  7. Sandra Says:
    October 28th, 2007 at 12:07 am

    Thank you for posting this ;).

  8. Vivien Says:
    October 28th, 2007 at 12:22 am

    Chris, did you try just pasting the code from YouTube?

    You’re welcome, Sandra.

  9. UrWar Says:
    April 13th, 2008 at 8:36 pm

    Thanks for the great tips on embedding youtube videos in wp blogs.

  10. Vivien Says:
    April 13th, 2008 at 10:53 pm

    You’re very welcome, UrWar. Have you upgraded to the latest version of Wordpress 2.5? It has a new way of embedding video and other media links.

  1. Pixellore - Design. Gadgets. Life. » How To Add YouTube Videos to Wordpress Says:
    March 28th, 2007 at 10:12 am

    […] code into the WYSIWYG editor. You’ll have to turn off. After searching google I followed this process and voila it […]

Leave a Reply