Bluehost

Embedding YouTube Clips Into Wordpress Without the Hassle!

November 7, 2007 Posted under: Make Money Blogging by Caroline Middlebrook

For my Twitter Guide I needed to put a YouTube video inside a post. Easy right? Nope! I spent about two hours trawling the Internet for a solution and smacking my head against the desk! I’m going to show you the super-easy-hassle-free method to do it!

How It’s Normally Done

If you go to a YouTube page and have a look at the right of the screen, you’ll notice a text box labeled Embed. Here’s what it looks like:

youtube embed code

Contained within that text box is a piece of code that you drop into the HTML of your page in order to display the video embedded with the page.

The Problem With Wordpress

Try to do that in Wordpress and it will completely screw up the display of your site – like totally! Here’s a screenshot to show you just what it does:

screwed up blog

The Culprit

The problem is the default Wordpress visual editor. This thing here that many bloggers will be very familiar with:

wordpress visual editor

See the visual editor ‘helps’ you out by inserting HTML code behind the scenes for stuff like bold, italic, images etc so you don’t have to do it manually. The problem is that it does not support the object tag which is required for the YouTube embedding so it messes up the code you inserted and thus messes up the layout of the page.

The Very Nasty Workaround

When first searching for a solution to this I discovered that there is an easy way to turn off the visual editor. Yipee! But wait, doesn’t that mean I have to edit my code directly? Yup. Ok I am a programmer I can handle it but sheesh, I don’t want to! There had to be a better solution than that…

The Fix That Doesn’t Work

Next I found that Wordpress comes with a very handy tag that allows you to embed YouTube directly using this format:

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

Yeah, unfortunately that only works for a blog that is hosted by Wordpress, and not on your own domain. I struggled with this for ages! Note that in the above example I have inserted a space character between the opening square bracket and the start of the tag to prevent the actual embedding from taking place!

The Plugin That Works But Confused the Crap Out of Me

Finally I found a post which acknowledged that the bracket format did not work for self hosted blogs and offered a plugin that would do the trick. The problem was the instructions for this thing were telling me that I had to sign up for my own account at YouTube, add my blog to it, get some API key thing, and then post a video!! What??

[UPDATE] The link I originally posted (and the blog post I mentioned above) has now gone but the plugin is now available directly from the WordPress plugin database.

The Real EASY Solution

  1. Install the plugin
  2. Use the bracket notation
  3. Job Done!

Okay that’s it! The plugin works beautifully but I don’t know what the author was thinking with his instructions! I felt the need to make this post because posting the link on its own would have just confused all my readers as it did me!

Anyway, thanks to Robert for making the plugin and making my life so easy. And now, just for fun – some British humor to test this thing out…

If you are in any way offended by profanity, Star Wars, Lego or Eddie Izzard then DO NOT PRESS PLAY! Otherwise, go ahead :-)


Want to Make Money Blogging? My free course, The Bloggers Bible contains everything you need to know about building a highly popular and profitable blog from scratch!

Just fill in your email below to get your first lesson immediately:


[Post to Twitter] Tweet This Post  [Post to StumbleUpon] Stumble This Post 


You might also like these similar posts:

Stats & Analysis for December ‘07
6 Valuable Post Types and When To Use Them
Articles
Stats & Analysis for March 2008 – $2,091 earned
101 Ideas for “How To” Internet Marketing Blog Posts

59 Comments:

Doug Hudiburg
November 7, 2007

Hi Caroline, thanks for these tips.

I’m guessing that the API and YouTube account thing is so you can easily just click ‘blog this’ and have the video added to a new post without any cutting and pasting. Just a guess, but that’s probably what that process does.

Doug

JoLynn Braley
November 7, 2007

Hi Caroline, thank you so much. In the past I attempted the same thing and then abandoned it because I didn’t find the final solution that you’ve given us here. Thanks for spelling it out so clearly, I’ll install the youtubebrackets plugin now. ;)

Mark Corner
November 7, 2007

Hi Caroline there is a even easier method that I found out by accident
I use a blog editor called ecto it’s a doddle to embed any video clip using that and it’s quite cheap, here is the url http://infinite-sushi.com/software/ecto/ if you or any of your readers are interested, btw which subscribe to my rss feed plugin do you use at the beginning of your posts.

Thanks Mark

WarriorBlog
November 7, 2007

I alway had trouble doing this as well…

I never took the time to find a plugin though,
I simply inserted the code into the code area while in the code view, then save it without switching bak to
view mode.

It work and no mess, no plugin…but if you ever want to edit
that post, then its a problem!

Mike Collins
November 7, 2007

Caroline, thanks for the tip! Your timing is perfect…I was just trying to embed a youtube clip in one of my posts but couldn’t get the formatting right. I was going to say “forget it” but now I think I’ll go back and add it. thanks so much!

Pat B. Doyle
November 7, 2007

You cleared up a mystery for me. I always wondered why I had no trouble embedding videos, even though I heard that a plugin was needed, and I never installed a plugin for it.

So it is the WordPress visual editor. Now it makes sense, because I don’t use the visual editor – I dislike it for other reasons. Thanks for clearing up the mystery. :)

Arkan
November 7, 2007

Hi,

firstly excuse me for my bad englsih but i’m from belgium and I usually speak only french ;)

For all your video on a wordpress blog, you know this plugin ?
http://www.daburna.de/blog/2006/12/13/wordpress-video-plugin/

It’s the same way with brackets, but it’s more quick because you have just to add the ID of the video not all the URL.
Moreover it is functionnal with more then 30 tools.

Hope I don’t say too much stupid things :)

CompuWorld
November 7, 2007

Great find caroline. The only workaround which I used by now was to reduce the size of the video and it used to work fine. But once I bring it to its normal size it will break the template again.

The small size was acceptable though but the orginal size has no competition. Thank you for the find..

Caroline Middlebrook
November 7, 2007

@Mark, okay call me a tight-wad but I’d rather not have to shell out cash just to embed video in a blog post!

@Warrior, yeah I tried that the first time but you should see the amount of typos I put in my post – I have to edit so many times so that’s just not a solution for me!

@Arkan, no I hadn’t seen that one, thanks for the link! And no, your post was not at all stupid – your English is far better than my French! Merci beaucoup!

Josh
November 7, 2007

I just started using Wordpress and was going to do a review on someone’s video tutorial. This will come in handy. Thanks again Caroline

Steve
November 7, 2007

Thanks for the tip, I could have used this 2 weeks ago though :)

I struggled for a few days to figure out that it was the visual editor. I’m glad I turned it off, I find it much easier to just drop in my posts from MS word. It keeps the formatting the way I like it. That was another big problem for me.

I just found your site and I’m liking what I’m seeing so far!

Vikram
November 7, 2007

Hello Miss MiddleBrook,

How are you? The best way to get anything done is to do it on your own. And you are sharing this with others to make everyones life easier, its cool! :)

Also You best me on almost every blog I visit for commenting, I mean You are always there before me! :) Is it he time zone difference or you are very vigilant?

Also I have written a resource article on Youtube tools. Its includes about 10 WordPress plugins and Utilities.
Hope you wont mind me posting the link in the comment:

a-collection-of-top-50-youtube-tools-and-resources-on-the-web

Court
November 7, 2007

Very cool Caroline! Up until now I have always turned the editor off to embed video – I actually don’t use the editor much anyway. This method is a lot easier though!

Hichem
November 7, 2007

Hi Caroline!

Thanks for the video, something other than internet marketing is always welcome :-).

Cheers

Frank C
November 7, 2007

I’ve been using Viper’s Video Quicktags on my blogs. It works in about the same way.

I do find the WordPress Visual Editor annoying so I don’t use it at all. I prefer to just do the HTML manually since my background is in programming and web design. I use Windows Live Writer sometimes to handle some formatting chores though.

shaners
November 7, 2007

Weird I have NEVER had that problem, I just go click the html button thingy and then paste in the youtube code
no hassles no problems.
Good lord frank, man you’re like a rare person I dont know too many other people that handcode their posts, are you NUTS :-P

Adam Mckerlie
November 8, 2007

Thanks Caroline, I tried to embed a video once and it screwed everything up so much that I just had to link to it. Now I won’t have to do that.

serge
November 8, 2007

hey, when did you get blog rush on there? nice tips about you tube.

deborah
November 8, 2007

I never had trouble with including youtube videos on my WordPress blog. Maybe that’s because I used the code editor and not the visual editor?

Steven Snell
November 8, 2007

I haven’t tried embedding a video yet on my own blog, but some clients have wanted it. Sometimes the different options can be more confusing than helpful. Thanks for sharing your experience.

Barry O
November 8, 2007

I’ve used the CoolPlayer plugin on one of my blogs and it works great. You can use the CoolPlayer Button on the toolbar to insert any multimedia in the Text Editor & Rich Text Editor.
Also, if you use the Semiologic Wysiwyg Editor then you can embed the object into the post and it doesn’t break the template.

Mark Corner
November 8, 2007

Hi Caroline fair comment but ecto does far more than that that is just one feature. You can get plugins that do the job for free as you have explained just trying to give you some pointers to a useful tool that is all.

Wayne Liew
November 8, 2007

Nice tips here. Although I don’t use the plugin since I don’t need to have such hassle (I don’t use WYSIWYG), I am sure that video is becoming more and more important for a blog.

With creative contents somehow shrinking, videos might be the new creative way to spark creativity.

Caroline Middlebrook
November 8, 2007

@FrankC, doing it all yourself is pretty hardcore :)

@Serge, I’ve had blogrush on here since the day it launched.

@Deborah, that’s right, the problem is only if you use the visual editor.

Peter
November 8, 2007

I could never got Roberts plug-in to work with youtube remote posting and got no support from his blog either. I spent 3 hours on it and had to give up.

But I found a great (free) plug-in which takes 2 seconds to use and all you do is surroud the video (youtube, google, etc.) with some bracket video tags. I’ve had zero issues with it. There are lots of options in the WP CP page to show or not show ratings, comments, etc..

It’s just one file you put in your WP plug-ins folder and the job is done.

I had to mod it to remove the download feature, which I don’t think is cricket. There’s a link on my blog to it. Just SEARCH for “wordpress video”.

It would have been nice to use Robs remote posting feature, but the problem with free stuff is lack of support when it doesn’t go quite according to plan :-(

Emma Middlebrook
November 8, 2007

Caroline!

Fantastic find.. I don’t really like the embed way that youtube tells you to do for normal sites as once you’ve played the video, it goes really small.. You can’t play it again without refreshing the whole page… – try explaining that to a 2 year old when he says “Again mummy…..”

Love the Star wars video – absolutely hilarious… Watching things like that at work gets me strange looks – but thanks!

Emma

Anji
November 8, 2007

I came here because of a post written by Rosalind Gardner. Reading your blog made me feel exhausted – you have so much energy! I think you are a very brave lady to give up your day job and dive in – Good Luck for the future.

Caroline Middlebrook
November 8, 2007

@Anji, thanks very much :) I wish I had more energy…

Josh Spaulding
November 8, 2007

They always end up below my post on my blog. Being as I know nothing about code and the technical side of the house I had no idea why this was happening.

Thanks for the in-depth explanation and solution!

Nathan Ketsdever
November 9, 2007

Slideshare.net does the same thing. However, they have a special wordpress code window.

vladimir p.
November 9, 2007

I needed just that for my video on a blog post today, and I used video quicktags plugin for wordpress that just did a fine job and it also supports several video hosting platforms.

Kidblogger :: Carl Ocab
November 9, 2007

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

That thing actually works on my blog. I used that plugin since start.

Caroline Middlebrook
November 9, 2007

@Vladimir, this one?
http://www.viper007bond.com/wordpress-plugins/vipers-video-quicktags/

I wish I had found that before, these people need to publicize their stuff better heh!

Mike Huang
November 9, 2007

Caroline, I know what you mean by the coding YouTube uses. It used to mess up my tables very badly. I guess you also know about the Viper video quicktags because I use that one all the time. It also has some bugs, but it’s easy to use for newbies like me :)

-Mike

Mitchell Allen
November 10, 2007

Hi Caroline,

I hate the WordPress editor when it doesn’t do what I mean it to do. Usually, I prepare my entire post in Microsoft Word. That way, if the PC crashes, or the internet connection fails, I still have my work.

I used to copy the Word doc and paste it into Notepad and THEN copy from Notepad into the WordPress blog. I did this to strip out formatting characters.

Now, instead of using Notepad, I paste the post into an HTML editor, so that I can more easily test, well, the HTML.
Once I am satisfied with the results, I paste the markup into the Code tab of the WordPress Editor.

I just wish the WordPress editor would let you default to the code tab!

Cheers,

Mitch

Wen
November 10, 2007

Hi Carol,

Thanks for sharing the great tips on how to embed YouTube video into Wordpress Blog. It certainly take away all my nightmares.

Cheers!

Caroline Middlebrook
November 11, 2007

@Mitchell, ooh sounds like a lot of work! If you don’t like the Wordpress editor there are a load of alternatives. Off the top of my head try googling for ScribeFire or Windows Live Writer.

Tay
November 12, 2007

Hurray, thank you so much Caroline! I’m not currently using videos on my blog but this could very much come in handy as I probably will someday.

drt
November 12, 2007

I have used SKaRCHa’s WP Vidoe plugin that I got from his site at
http://www.skarcha.com/wp-plugins/wpvideo/#english and it works fine for me except I don’t like the ‘Download’ button that comes with it.

tomirk
November 14, 2007

Hello.

Thank’s for this post :) ! It’s excelent help for problems with YouTube tags in WordPress. I’ve found Your blog, used Your info about plugin and … it works! :)

Stephen
December 31, 2007

Unfortunately it looks like that plugin is no longer available. Do we have a mirror for it or can someone get it to me somehow?

here is the link provided in the post…
http://www.robertbuzink.nl/journal/wp-content/uploads/2007/04/youtubebrackets_3.0.zip

it is now just a advertising page. :(

Stephen
December 31, 2007

Looks like this plugin fulfills my needs, thank goodness…

http://www.skarcha.com/wp-plugins/wpvideo/#english

Shane
January 3, 2008

Hey Caroline,
How’s it going. I just tried clicking though to that link it appears to be broken or the dude has closed his site down or hasn’t payed his osting fee or what ever… Might wanna update that link.
My problem still is posting camtasia and flash video on my blog. I have uploaded a few plug-ins that allow you to do this but to this date I haven’t figured that one out.
Strange that this problem of uploading a youtube video is such a problem, I personally havent encountered it. You site was one of the first that appears when I did a search for this. A frined of mine was having this problem while he was at my place with his lap top and couldnt for life of him figure it out, or how I could do it so easily so like you I posted a blog entry about embedding youtube videos. I have 2 other blogs that I run that I upload videos to and I havent ever had this problem, I wonder if it has anything to do with the version of wordpress that people are using? Haven’t seen any posts in the blog-o-sphere regarding this so maybe I’m out left field on that one, who knows.
If you dont mind Im going to drop my post link here, hoping someone can help me out with my problem of posting flash and camtasia videos on my blog, the reason being is that we have family all over the world and would like to show them videos of our little monster being the monster that he is.
how to embedd youtube video clips in wordpress

Caroline Middlebrook
January 3, 2008

@Stephen, thanks, I’ve fixed the link now.

Vladimir
January 3, 2008

Can I offer solution that works, is small and easy to use and adds the video preview even in the rss feed ;) Smart YouTube Plugin

shane
January 4, 2008

Hey Vlad,
Thanks for the plug-in. I’ll give it a whirl.
I have my feelers out there looking for other ways to get this done. Turns out it really isnt all that easy to embedd flash videos into wordpress posts. I read a post by Chris Pirillo, yesterday, should have saved the link but I didnt. He had a great solution for putting youtube vids into wordpress posts. It has something to do with changing your account status setting on your youtube account, so that the videos get posted directly to your blog. Heck I’ll update my post at some point today to show this or just include a link.
Cheers and Beers
Shane

Thrandur
January 13, 2008

Sounds like a GREAT solution Caroline :)

I spent a LOT of time getting one YouTube video up by temporarily disabling the WP editor (like shane mentions). This sounds way better.

Thanks!

Hi Carolyn!

I came upon this post when I was actually looking for a list of your favorite plug-ins. The title of this post drew me in because like every WP blogger out there, embedding a YouTube video is a constant headache. You have to switch the view mode off and on to get a video embedded. And then when you go back to edit the post, you lose the video and have to start all over.

It was with a great degree of interest when I saw this plugin you recommended but I’m still a little confused. I hope you can assist.

Once I install and download this plug-in, do I have to remember to insert a space between the bracket and the start of the embed code every time I put in a YouTube video or does the plug-in automatically do that for me?

And where is the plug-in supposed to be downloaded into? Which file goes where? For instance, if the plug-in includes a folder with a handful of files like a .php file, do you upload the whole file or just one (like .php)?

Hope this request isn’t too confusing. Thanks!

Caroline Middlebrook
January 21, 2008

@Stephen, No you DON’T insert the space – I had to put one in there to PREVENT the actual video from being embedded to show the actual text within the blog post.

For this plugin, and in fact ALL plugins, you upload the entire folder containing the php files into the wp-content/plugins directory. I recommend you download my ebook actually because chapter 5 is all about plugins and I demonstrate the install procedure with graphics.

Hi Carolyn:

Thanks for the instructions!

I was under the impression that some of the plugins out there only required you to upload the .php file to the plugins folder on the server? That’s why I was asking above if this particular plugin required the entire folder to be uploaded or only portions of it like the .php (or whatever is in it).

The other question I wanted to ask was does the plug-in automatically insert the brackets plus the words “youtube” (at the beginning) for you? Or do you have to remember to insert those in there?

Thanks again for your e-book. It’s wonderful!

Caroline Middlebrook
January 21, 2008

@Stephen, basically the php file has to be somewhere underneath the plugins folder. Some plugins are just the php file itself and others come with other files too so they are packaged up into their own folder but it really doesn’t matter.

And no to use the plugin you have to type the notation into your editor.

Jef
February 26, 2008

THANK YOU! Seems so basic but it was so broken. Not anymore. Thanks.

Jef’s last blog post..Lone ranger, no longer ‘lone.

knackeredhack
March 11, 2008

Although my blog is subtitled “The curious study of broken things” I was getting a bit fed up with this YouTube problem, so thank you. Came to you via Utterz, btw. The brackets issue looks familiar, so I must have been down that path in vain a few months ago.

Tim

knackeredhack’s last blog post..the two tails of fame

Thanks Caroline. I just installed it and it works like a charm. When I do my “WordPress must have’s post” I will be sure to give you credit.

Anthony a.k.a. OldSchoolSEO’s last blog post..The Stumble Upon Commandments

solitaryb
April 2, 2008

Thanks for this information and all the other comments and links that have been focussed here. I usually can DIY the code in, but this one escaped me. BTW Great blog!

Anders
April 4, 2008

Great tip, i’ve been strugling with those clips, it’s so much easier with the plugin enabled. I just have to be careful not to overdo the posting of Youtube vids …

Anders’s last blog post..Politican

Gerald Weber
July 24, 2008

Caronline,

I find tubepress is an excellent way to import youtube videos. Also it has several cool options. i.e. You can make the video first a thumbnail.

you can see some examples of tube press on this site http://sheenamelwani.com

here is where you can find the plugin. http://www.tubepress.net/

Have a great day. I really like your blog.

Paisano
July 31, 2008

Thanks so much for sharing this!!! It was driving me crazy tonight when I imported my wordpress.com blog to my new self-hosted wordpress.blog site and NONE of the youtube videos worked! NONE!!! It only worked if I manually inserted the embed code in html and I was NOT going to do that for all of my posts again!
Thanks to you the plugin worked!!!
All the videos show up and work again on my new site.

You rock!

paisano

Paisanos last blog post..You Have Placed a Chill in My Heart

Denny
June 18, 2009

Thanks for the info, been looking for this plugin.


24 Trackbacks:

Embedding YouTube into my blog. — Bored-Wax

[...] page! As you can see in my last post, I did manage to get it working. I found the directions on this site (you have to scroll to the bottom to find the “good” directions). Anyway, [...]

Carnival of Webmasters, Third Edition - Your Website Profit

[...] Embedding YouTube Clips Into Wordpress Without the Hassle! – Caroline Middlebrook I needed to put a YouTube video inside a post. Easy right? Nope! I spent about two hours trawling the Internet for a solution and smacking my head against the desk! I’m going to show you the super-easy-hassle-free method to do it! [...]

November 2007 Linky Love : Get Paid to Write Online

[...] Embedding YouTube Clips Into Wordpress Without the Hassle! [...]

11 Tips to Lighten Up The Compulsively Serious (or Break the Grip When Seriousness Strikes You) : blogtest.edwardmills.com

[...] to Caroline Middlebrook for turning me on to this one!7. Go on a news boycott. Let’s face it: the news is pretty darned [...]

Shawn Lankon Online » Solving the YouTube Problem in Wordpress

[...] simple way to embed a video from YouTube and not have it mess up the formatting. I finally found a great solution on this website after a heroic search during my lunch break! The solution is to use this plugin, which allows you [...]

How To Embedd Youtube clips and videos in wordpress | shanehigginbottom.com

[...] you know it. One of my favourite bloggers Caroline Middlebrook has a great post detailing embedding youtube clips into Wordpress with out the hassleWow she has a new Theme design, Looks good Caroline!!!4.) once you’re in your code view. Find [...]

Confused Monkey » Blog Archive » The Funniest Product I’ve Seen In Awhile

[...] – special thanks to Caroline Middlebrook for pointing out the plugin to embed YouTube clips into a blog. I had a hell of a time getting it [...]

Rechinu (omul-zapezilor) | Faking Life

[...] Daca si voi aveti wordpress self-hosted, si vreti sa integrati filmulete youtube, gasiti aici un topic foarte misto. Tre’ sa-ti instalezi un plugin… si [...]

WordPress Plugins That I Can’t Live Without : OldSchool SEO

[...] Brackets – Allows for easy embedding of YouTube videos – (thanks to Caroline Middlebrook for a detailed explanation on how to implement [...]

One Time Contest - Cyber Easter Egg Hunt from Caroline Middlebrook | Make Money Online Blog

[...] Audience Internet Marketing Ebooks Zen to Done ebook Review She’s Caroline Pagerank and Cats Embedding Youtube Blog Validation About Niche Site with Wordpress Warrior Forum Tour Do Follow Social Bookmarking [...]

Stats & Analysis for March 2008 - $2,091 earned | Caroline Middlebrook

[...] number of search terms. Posts such as the twitter guide, dofollow social bookmarking sites, and embedding youtube videos into wordpress all continue to attract a lot of [...]

Prasys’ Blog » Blog Archive » C’est La Vie - Life

[...] meaningful song , trust me. It will make you to ponder around !. Oh yeah , I would like to thank Caroline for her guide on how to embed videos in [...]

must have wordpress plugins | Prasys' Blog

[...] Brackets (Thanks Caroline) – A must have addon if you want to link youtube videos. It makes it even easier then embedding the [...]

can't use YouTube with Wordpress Direct - Thirty Day Challenge Forums

[...] this: Embedding YouTube Clips Into Wordpress Without the Hassle! | Caroline Middlebrook __________________ Be You. That’s What We Love About You [...]

Spreading Love - September 08 Week 02 | Mr. Javo dot Com

[...] Embedding YouTube Clips Into Wordpress Without the Hassle! by Caroline of Caroline Middlebrook dot Com. [...]

Posting YouTube Videos (Again!) | Skillett.com

[...] Today I discovered a post from Caroline about a plugin that does the job! [...]

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled


Recommended Services
MyBlogLog Community
Top Commentators
Copyright © Caroline MiddlebrookTheme designed by Design Farmer

Tweet This Post links powered by Tweet This v1.3.9, a WordPress plugin for Twitter.