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 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 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 Wordpress blog.

Rate It!:
2.5

If you're new here, you may want to subscribe to my RSS feed. Or click here to learn What is RSS And Why You Should Subscribe. Thanks for visiting!

Related posts

wordpress web 2.0 owner sig
- - - - - - - - - - -

If you like this post subscribe to Full Text RSS feed and read news at your leisure or get daily posts conveniently delivered to your inbox by Subscribing via Email (requires confirmation)

Technorati Tags: , , , , , ,

RSS feed | Trackback URI

57 Comments »

Comment by Lorelle (Who Am I?) (2 comments.)
2007-05-07 12:37:38

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?

Rate It!:
3.2
Comment by Gourmet Coffee Snob (Who Am I?) (1 comments.)
2007-09-15 15:24:57

I’ve tried and tried that [youtube=http://www.youtube.com/watch?v=AgEmZ39EtFk]
code and I’ve hosed the post every time no matter how I use the editor…checked…unchecked…paste in code…write in code by hand…you name it…I’ve tried it without success…

~~gourmetcoffeesnob~~
Always Drink Better Coffee
SpotaJava Coffee

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-09-15 17:30:40

Yeah, I don’t use it. I use the entire code provided by youtube to paste video

Rate It!:
2.5
 
 
Comment by Samson (Who Am I?) (2 comments.) Subscribed to comments via email
2007-10-03 17:33:25

The code you mentioned only works on the wordpress.com site.
If you host your own wordpress blog, it would never ever work.

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-10-03 19:49:37

Samson,

You are correct, code that person shared will work on hosted blog and also on your own, IF you have correct plugin installed.

Rate It!:
2.5
Comment by Samson (Who Am I?) (2 comments.) Subscribed to comments via email
2007-10-04 01:00:26

They made another plugin for this?

Rate It!:
2.5
 
 
 
 
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-05-07 12:56:22

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

Rate It!:
2.5
 
Comment by Matt Ellsworth (Who Am I?) (2 comments.) Subscribed to comments via email
2007-05-07 21:13:27

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

Rate It!:
3.0
 
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-05-07 21:24:10

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 :)

Rate It!:
2.5
 
Comment by Mike (Who Am I?) (1 comments.)
2007-05-29 17:23:55

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

Rate It!:
2.5
 
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-05-29 18:01:45

Sure thing. Glad it helped you.

Rate It!:
2.5
 
Comment by Fatimah (Who Am I?) (1 comments.) Subscribed to comments via email
2007-07-01 03:28:25

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

Rate It!:
2.5
 
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-07-01 08:55:29

You are quite welcome :)

Alex

Rate It!:
2.5
 
Comment by Maria Palma (Who Am I?) (1 comments.)
2007-07-09 21:18:38

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

Rate It!:
2.5
 
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-07-10 06:17:20

Maria,

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

Alex

Rate It!:
2.5
 
Comment by sofia (Who Am I?) (1 comments.)
2007-08-08 21:20:06

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

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-08-09 06:55:10

Thanks Sofia,

Actually all you do here is paste the code from youtube without uploading videos …

Alex

Rate It!:
2.5
 
 
Comment by rajesh valluri (Who Am I?) (5 comments.) Subscribed to comments via email
2007-08-28 16:31:23

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.

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-08-28 17:37:22

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

Rate It!:
2.5
 
 
Comment by Linsey (Who Am I?)
2007-08-31 18:05:41

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.

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-08-31 20:19:33

Sure thing Linsey.

Enjoy - WordPress is great platform when used right :)

Alex

Rate It!:
2.5
 
 
Comment by Johnny Wolf (Who Am I?) (1 comments.) Subscribed to comments via email
2007-09-03 16:55:02

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.

Rate It!:
2.5
 
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-09-03 17:19:35

No problem Johnny ..

Simplicity most often is The Key :)

Alex

Rate It!:
2.5
 
Comment by rajesh valluri (Who Am I?) (3 comments.) Subscribed to comments via email
2007-09-04 03:24:46

Hey man!!
I was just wondering if there is a plugin or something that you use to mail the users about any updates on the comments posted by users. I think this would be a cool addition to my blog as it would allow users to keep receiving info abt a topic that they like. Any suggestions would be greatly appreciated.
Thanks in advance.

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-09-04 06:53:05

Rajesh,

Subscribe To Comments feed. I list that plugin as part of my WordPress Web 2.0 guide

Feel free to visit, there are many more :)

Alex

Rate It!:
2.5
 
 
Comment by rajesh valluri (Who Am I?) (5 comments.) Subscribed to comments via email
2007-10-03 17:38:49

It is working on my hosted account. I have been using it for a while and it works great.

Here is an example.
http://reviewstuff.com/NewBlogs/?p=111

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-10-03 19:50:24

Thanks for sharing Rajesh.

Rate It!:
2.5
 
 
Comment by Ellen (Who Am I?) (1 comments.)
2007-10-08 21:14:24

Hey, thanks so much for your clear explanation! I was fiddling with this for a while prior to coming across your concise directions. Thank you:)

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-10-08 21:33:13

You are welcome.

Alex

Rate It!:
2.5
 
 
Comment by Melissa Chang (Who Am I?) (1 comments.) Subscribed to comments via email
2007-11-07 00:21:41

I just wanted to add my thanks - because I was trying to figure this out for some time before finding your directions. And this fixed everything! So thanks.

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-11-07 07:32:03

Sure thing Melissa,

Glad it worked for you as it is very same technique I mostly use too :)

Rate It!:
2.5
 
 
Comment by Nidhi (Who Am I?) Subscribed to comments via email
2007-12-20 04:40:10

Hello, I’ve post a video comment by Viper’s Video Quicktags plugin in WordPress. But m not able to see that post.Please help me here.

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2007-12-20 08:38:58

Nidhi,

I don’t use that plugin. Sorry can’t help.

Rate It!:
2.5
 
 
Comment by vy (Who Am I?)
2008-01-14 15:13:04

oh! thank you for this! worked like a charm. ^_^

Rate It!:
2.5
Comment by TheSpot-er (Who Am I?) (780 comments.)
2008-01-14 15:17:21

No problem :)
You can also do adding of the video using Code view after you finished your formating and right before you click publish. This allows you not having to change settings under user …

Rate It!:
2.5
 
 
Comment by karans (Who Am I?)
2008-02-15 23:11:54

Thanks, you have no idea how much time I have spent in getting the video’s to work. While there is tons of info out there for end users it is hard to decipher which site that they mean wordpress.com or personal blog. -ciao

Rate It!:
2.5
 
Comment by tanya25m (Who Am I?) (1 comments.)
2008-02-18 14:12:10

Thanks! This really helped. I wasted so much time trying it on my own :-(

Rate It!:
2.4
Comment by TheSpot-er (Who Am I?) (780 comments.)
2008-02-18 20:38:05

You are quite welcome.

Rate It!:
2.5
 
 
Comment by Hal (Who Am I?) (1 comments.)
2008-02-21 00:34:18

It worked like a charm for me. In preview it showed as a box with an X but once I published, the YouTube video showed up. Thanks so much!

Hal’s last blog post..Michelle Obama and Her Runaway Mouth

Rate It!:
2.5
 
Comment by john (Who Am I?)
2008-02-22 18:45:19

hi Alex.

I did the two step method, and for my surprise the embed code for the youtube video disappeared, i tried again… again the code/address for the video disappeared this happened several times.. what should I do now?

thanks for helping out.

John

Rate It!:
2.5
Comment by