alex sysoef

2 Steps To Add Youtube Video to WordPress

Perhaps it will not be a huge discovery to anyone using WordPress for while but if it helps even one single person I will consider my mission accomplished.

Videos add great value and interaction to your Web 2.0 blog but it might not be as easy as I have discovered yesterday. New version of [tag-tec]Wordpress[/tag-tec] includes 2 tabs in create new post or page area with one of them being the “Code” tab. Youtube provides you with a complete html code to embed it on your site and to me it seemed like logical step to simply click on Code tab, add the html for video and then save post.

As I have discovered yesterday – it don’t work that way. So here is a simple 2-steps process to add [tag-tec]Youtube[/tag-tec] [tag-tec]video[/tag-tec] to your WordPress blog.

By default WordPress enables visual editor for every user to make writing and posting to your blog as simple and painless as possible. Addition of “Code” tab made it also very easy to paste html code into your post or new page and have additional customization if you so desire. But that doesn’t work with embedding videos. If you would like to add video you will have to follow this simple process and then revert it to normal when done.

This process assumes that you are trying to add video to Already existing post or page. If you don’t have it yet, create your content, do all the formatting as you want to appear but don’t publish it yet. Basically set everything to the point where the only thing that is left – add video to a location in post you have defined.

Step 1. Disable Visual Editor on your user profile.

This one is required if you want to add videos as I have learned but it’s a simple process. Open your WP-Admin and then go to Users –> Your Profile (Step 1 in picture below). Simply remove check mark from “Use the visual editor …” (Step 2) and then click Update Profile (Step 3). Now you are done and ready to embed video into your post.

noeditor1.jpg

Step 2. Embed The Youtube Video into post or page.

Once you have disabled visual editor in your profile got to Manage menu in WP-Admin and choose “edit” for the post that video goes into. Your post will appear without visual editor, just like you see in picture below. Simply add yourtube video code (Step 1) and then Save (Step 2) your post. If post hasn’t been published yet – your option might be publish instead of save.

noeditor2.jpg

Once all steps completed and your post published simply return to your profile and re-enable visual editor. Please remember you will have to disable it every time you decide to edit content with embedded video. So there you have it – 2 simple steps to add youtube video to your [tag-tec]web 2.0[/tag-tec] WordPress blog.

And when you are ready to take it to next level and making a really copy/paste process that helps you dominate search engines, have a look at Video Utility Poster!

Video Utility Poster

Filed under Web Design
Tags: , , , , , ,

82 Responses to “2 Steps To Add Youtube Video to WordPress”

  1. Lorelle says:

    While I personally prefer to work in the non-Rich Text Editor mode all the time, there are easier methods than you describe for those who want to keep working in the Rich Text Editor mode.

    The process of adding a YouTube video to your WordPress.com blog is actually much easier. Adding Video and Podcasting Bling to Your WordPress.com Blogs by simply adding an embed code:

    [youtube=http://www.youtube.com/watch?v=AgEmZ39EtFk]

    And there are many WordPress Plugins which also help you add YouTube and other video formats just as easily, which some are listed in Video, Music, Podcasts, Audio, and Multimedia WordPress Plugins.

    Have you tried them?

  2. TheSpot-er says:

    Lorelle,

    Thank you for comment. I haven’t looked at plugins and will dig into it to investigate. While I do love plugins – not all of them are useful for my needs.

    As far as recommendation for simply adding:

    [youtube=http://www.youtube.com/watch?v=AgEmZ39EtFk]

    My understanding is this works only with wordpress.com hosted blogs. I use stand alone version and preffer to keep it this way. I will most definately look into plugins and see if any will work for me. Plus talking about easier ways – how much easier can it be then 2 simple steps and NO additional installs required :)

    Thanks again
    Alex

  3. nifty trick – I have been looking for a simple way of doing this – without screwing up the layout or having to install another plugin…

  4. TheSpot-er says:

    Thanks Matt,

    That was the idea and it works flawlessly :) I have followed the suggestion made by Lorelle and even installed one plugin “Viper’s Video Quicktags” – I still haven’t tested it completely and not 100% I will keep it. Although it does seems like a very nice solution and the only one I have found suitable for my needs based on the couple of hours of research and reading :)

  5. Mike says:

    Thanks for the tip – I just used it to add a YouTube video for an Sony OLED.

  6. TheSpot-er says:

    Sure thing. Glad it helped you.

  7. Fatimah says:

    Thank you so much. I've been trying to figure this out for several days. You came to the rescue.

  8. TheSpot-er says:

    You are quite welcome :)

    Alex

  9. Maria Palma says:

    I’ve been searching for months for someone to explain an easy way to do this! Thanks sooo much ;)

  10. TheSpot-er says:

    Maria,

    This blog is less then 3 month old but glad I was able to help with your problem.

    Alex

  11. sofia says:

    hey, thanks a lot for explaining how to upload youtube videos, i tryed the other day and didnt work, i was lucky to find your site, its so easy lol, plus much easier and better than installing a pluging, it doesnt take much time, and i cant do that, in any computer ill use to write in my blog when im traveling. thanks a lot for all of you who take the time to explain and help us newbies with tutorials, help in forums etc :D
    cant wait to upload my videos and videoblogs yeii!!

    have a nice day

    Sofia

  12. Good post. I personally believe that most of the work should be done with existing setup without having to add additional modules unless absoultely necessary. I ran into the embed tag problem and I googled for a solution. So far, your’s is the best solution out there which requires very little change to the exisiting environment. An easier, permanent solution would be ideal, but this is the closest to it.
    Thanks for the tip.

    • TheSpot-er says:

      Thanks Rajesh,

      An even easier solution is to switch to “code” view once you have finished editing your post and ready to publish and add your video code then. Then publish and your post has video embeded with no artifacts. You just have to remmeber to disable visual editor when you decide to edit the post with embeded video …

      Alex

  13. Linsey says:

    Fantastic…this has really helped! I initially tried to follow a blog of instructions on WordPress, however that didn’t work. By chance I came across your site. Many thanks it took less than 30 seconds to get it right- all thanks to your clear instructions.

  14. TheSpot-er says:

    No problem Johnny ..

    Simplicity most often is The Key :)

    Alex

  15. Johnny Wolf says:

    OH MY GOD. THANK YOU.

    I spent the last 30 minutes, downloading plug ins, and trying all this crazy code-editing stuff, and NOTHING worked. Until your super simple 2 steps. THANK YOU.

Trackbacks/Pingbacks

  1. [...] Viper’s Video Quicktags – Allows you to embed various video types, including those hosted at YouTube and Google Video as well as videos you host yourself, into WordPress. Most useful and easiest of the few I have personally tried. If you are simply interested in adding video without any plugins as I still do read my article “2 Steps To Add Youtube Video to WordPress” [...]

  2. tinyMce Bug says:

    [...] Ok I have found a very simple workaround to the issue with WordPress and tinyMce, all you have to do is turn of the visual editor while you are embedding video, or anything else, and then if you want you can turn it back on again. Simply go to Users>admin>turn off visual editor, it’s that simple. Here is a link to the article howtospoter. [...]

  3. [...] want to learn a little bit of HTML, stay with the visual editor. I found this solution at http://www.howtospoter.com/web-20/web-design/2-steps-to-add-youtube-video-to-wordpress pbhensley posted this entry on Wednesday, June 27th, 2007 at 10:02 pm. Posted in the category [...]

  4. [...] on older blog tools we could find suggest turning off your Rich Text Editor as outlined at this link. If this works for someone, let us know. We do know the same editors that have trouble embedding [...]

  5. [...] Weitere Infos zu diesem Thema finden Sie auch hier: 2 Steps To Add Youtube Video to WordPress [...]

  6. [...] to Spot-er: 2 ways to Add Video in WordPress Some ways to add your Youtube videos in WordPress [...]

  7. [...] common sense, that is why it works. The technique is simple, just code it in as html. The post at howtospoter.com describes how to insert the Youtube videos manually and after testing it, I am sure it [...]

  8. [...] I’m hoping to actually embed this video clip. I’m using instructions found here. Hard to tell… on the preview the embedded clips look [...]

  9. TheSpotter says:

    @DomesticBecky http://is.gd/aSzX <-and older post but still same process I use right now to add video to wordpress posts

  10. [...] have previously described how to easily add video to your blog in my post 2 Steps To Add Youtube Video to WordPress but what if you simply don’t want to mess with code or not feeling very comfortable doing [...]