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.
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.
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!
More Options Print This Post
 Subscribe With RSS Reader Subscribe by Email![[Post to Twitter]](http://www.howtospoter.com/wp-content/plugins/tweet-this/icons/tt-twitter.png){kind=icon} Tweet This PostFiled under Web Design |
Related posts |
Technorati: blog, howto-guides, video, web 2.0, web design, wordpress, youtube,
79 Responses to “2 Steps To Add Youtube Video to Wordpress”
Trackbacks/Pingbacks
-
[...] 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” [...]
-
[...] Here are some other links: here, and here. [...]
-
[...] 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. [...]
-
[...] want to learn a little bit of HTML, stay with the visual editor. I found this solution at http://www.howtospoter.com/web.....-wordpress pbhensley posted this entry on Wednesday, June 27th, 2007 at 10:02 pm. Posted in the category [...]
-
[...] 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 [...]
-
[...] Weitere Infos zu diesem Thema finden Sie auch hier: 2 Steps To Add Youtube Video to Wordpress [...]
-
[...] to Spot-er: 2 ways to Add Video in Wordpress Some ways to add your Youtube videos in Wordpress [...]
-
[...] 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 [...]
-
[...] Merci à Alex Sysoef pour son article en anglais à ce sujet [...]
-
[...] 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 [...]
-
[...] 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 [...]
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?
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
Yeah, I don’t use it. I use the entire code provided by youtube to paste video
The code you mentioned only works on the wordpress.com site.
If you host your own wordpress blog, it would never ever work.
Samson,
You are correct, code that person shared will work on hosted blog and also on your own, IF you have correct plugin installed.
They made another plugin for this?
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
nifty trick – I have been looking for a simple way of doing this – without screwing up the layout or having to install another plugin…
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 
Thanks for the tip – I just used it to add a YouTube video for an Sony OLED.
Sure thing. Glad it helped you.
Thank you so much. I’ve been trying to figure this out for several days. You came to the rescue.
You are quite welcome
Alex
I’ve been searching for months for someone to explain an easy way to do this! Thanks sooo much
Maria,
This blog is less then 3 month old but glad I was able to help with your problem.
Alex
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
cant wait to upload my videos and videoblogs yeii!!
have a nice day
Sofia
Thanks Sofia,
Actually all you do here is paste the code from youtube without uploading videos …
Alex
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.
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
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.
Sure thing Linsey.
Enjoy – WordPress is great platform when used right
Alex
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.
No problem Johnny ..
Simplicity most often is The Key
Alex
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.
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
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
Thanks for sharing Rajesh.
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:)
You are welcome.
Alex
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.
Sure thing Melissa,
Glad it worked for you as it is very same technique I mostly use too
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.
Nidhi,
I don’t use that plugin. Sorry can’t help.
oh! thank you for this! worked like a charm. ^_^
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 …
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
Thanks! This really helped. I wasted so much time trying it on my own
You are quite welcome.
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
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
Sorry John,
It works every time I tired and I never had issues. I have no clue what is wrong with your specific blog … sorry
hi again could the problem be that it is the 2.3.3?
thanks again
John,
No, because all my blogs are on 2.3.3 and I never had the issue you describe. The guidelines I provided here stand true no matter the version. At least till most current one. Must be a plugin within your blog? Sorry, I really have no idea what it might be without looking at your blog and unfortunately I don’t offer this service to non-customers at this point.
Alex
Thank you for this tip. I have been puzzling over this all day and you have saved me a lot of worry. I’m glad I came across your site.
WOW! Man this is truly helpful info. I read two other posts that I could not get to work. Your way is the only method I find workable. Thanks Fred
Sweet post — saved me major grief. Worked perfectly. Thanks man.
YAY!!!!!!!!!!! I love you!!! This wasn’t even in the Wordpress help page – bah! And you’ve explained it so clearly! Thank you SOOO much!!!!
<3
Ivy’s last blog post..Fundamental Functionalistic Feng Shui Facts For Your Home