Today I tried to integrate a YouTube video into my WordPress. It did not work out of the box. Initially the video would break the layout in Firefox and not show up in Internet Explorer. It turned out that the problem is the Rich Text Editor in WordPress. Even if you select the HTML editing mode and copy over the HTML provided by YouTube it fails.
To make it work I changed back to the older WordPress Editor…
1. Login to WordPress admin
2. Go to Options >> Writing
3. Uncheck both Users should use the visual rich editor by default &
WordPress should correct invalidly nested XHTML automatically
4. Go to Users
5. Uncheck Use the visual rich editor when writing
6. Go to Write >> Write Post
7. Paste the ‘embeddable player’ code for your YouTube video in the write box
8. In the code change the width of the player to “500″ (depends on your template, but in my template the standard “600″setting ruined the layout in IE.
8. Publish blog
Now it works (see my previous blog entry).

31 comments
Comments feed for this article
August 17th, 2006 at 6:14 am
Pingback from IBM 1986 Commercial - Who’s Got Time to Learn Computers » IBM Eye
August 28th, 2006 at 12:45 am
Pingback from mumblecrust.com » Blog Archive » Youtube videos
October 25th, 2006 at 2:37 pm
Pingback from lao ocean girl » Business cards
February 22nd, 2007 at 12:11 pm
Pingback from Peter en Hanneke op reis » integreren van Youtube video in Wordpress (en Internet Explorer!)
February 23rd, 2007 at 10:51 pm
Pingback from Matthias Zeller Memento · My Top 3 Posts in 2007 + Bonus Video
March 16th, 2007 at 5:17 am
Pingback from CLT » Blog Archive » Embedding YouTube in the Blog
April 9th, 2007 at 6:14 pm
Pingback from neilbert.com » Blog Archive » Look who’s crawling
April 18th, 2007 at 1:52 am
Pingback from The $100 laptop, finally! | Mysorean
September 1st, 2007 at 4:40 am
Pingback from graveca’s view » Blog Archive » Online videos
September 1st, 2007 at 4:55 am
Pingback from graveca’s view
August 11th, 2006 at 4:45 pm
Paris Hilton
Whole of my blog’s template broke when i tried to insert a you tube video.
Do we need any additional plugin?
August 11th, 2006 at 9:21 pm
Matthias Zeller
Well my template broke as well with the new editor, but after I switched to the old Wordpress editor as described above it worked OK, no specific plug-ins required. It also won’t work with other editors like Flog.
August 28th, 2006 at 12:15 am
maggie
find good vieo tools is very improtant!
good site!
September 11th, 2006 at 10:58 pm
HART (1-800-HART)
I’ve been using YouTube on all my WP versions .. with the 2+ versions, the first thing I always do is go to the Users/Your Profile and turn off that visual Rich editor option. Maybe that’s why it’s been worry free for me. As long as my template is 450px wide that is .. otherwise the template pushes the entry below the sidebar
I have been having problems trying to get a Youtube video to be blogged by email. The codex claims that blogging by email will strip the HTML code, but if you email H2, H3, FONT etc type of html codes - they show up in the blog. The OBJECT and PARAM of the YouTube code just shows up as empty space. If you tumble on a solution .. please pass it on!
October 19th, 2006 at 9:32 am
Lance
It worked perfect. Thanks fo rthe help. I even kept my template formatting.
October 25th, 2006 at 12:43 pm
lao-ocean-girl
Thanks for posting this! I’ve been searching for the answer for over an hour, and installing a plugin seemed a little daunting since I’m very new to Wordpress.
December 17th, 2006 at 5:26 pm
Aliarse
Thanks for that, helped a lot.
January 6th, 2007 at 10:27 am
crose
thanks….hours of frustration solved.
February 6th, 2007 at 1:27 pm
Lori
Can’t thank you enough! Your suggestion worked. Wasted more than an hour or so trying to figure out what to do. So thanks again!
February 16th, 2007 at 11:45 am
sharon
I have been having problems with Youtube , but thanks to this post all is fixed
March 13th, 2007 at 10:17 am
Bollywood Movies
Well its been quite easy for me coz there have always been the plugins and rich editors.
April 18th, 2007 at 1:43 am
Mysorean
Thanks a lot for those tips! Really helped me out a lot! Was getting frustrated seeing others being able to do it and me not even getting the hang of it! Thanks again!
April 23rd, 2007 at 2:30 am
peachy
this really helped a lot - simple and easy to follow.
thanks!
May 2nd, 2007 at 2:35 am
Christine
THANK YOU, thank you for posting this, and thank you for having it come up in a google search… it was driving me crazy that it wasn’t working, but with your instructions, my youtube video was up and running in no time.
June 30th, 2007 at 11:30 am
Jerome Blanc
if you put a tag before the video and at the end it may help. This is what worked for me.
August 29th, 2007 at 1:33 am
Sara
THANKYOU. I totally owe you a beer
September 4th, 2007 at 9:34 pm
Rebekka
Thank you, thank you, thank you - I was tearing my hair out, and this worked perfectly.
September 13th, 2007 at 10:36 pm
Digitowl
Thanks! Problem solved for me to!
October 30th, 2007 at 8:07 pm
matilda2007
How to watch youtube video on MP4 Player
Why you should download/save videos from youtube :
You found an interesting video from youtube and you want to save/download it to your computer and later share it with your friend or keep it as a collection. However, by default Youtube doesn’t allow users to save/download the videos. It only allow user to send a hyperlink to the friends and invite them to go to youtube website to view the videos.
why not save/download the video before it’s too late ?
Steps to save/download the video from youtube
For Internet Explorer (PC) users
1) Click your favourite video clip, you can see the URL in your browser becomes something like this : http://www.youtube.com/watch?v=qCcCEqD117U
2) highlight the URL, “copy” & “paste” to Youtube Robot url and click “+” button
or move mouse to the download link, right click the mouse use “menu”->”download by youtube robot”
or drag the url to youtuberobot’s floating window
4) When the download link shows, the flv video file will auto download to your local computer
5) You can double click to view the downloaded video file
6) Youtube Robot intergrate with FLV Converter,you can select output format first then click convert button to convet the downloaded video file to your format.
7) You can plup-in IPod, PSP to usb port,after convert finished Youtuberobot will Auto transfer video to iPod, PSP,iPhone, Pocket PC, or Zune
Product page: youtuberobot.com
Direct download link: youtuberobot.com/download/utuberobot.exe
Company web-site: youtuberobot.com
E-mail: support@youtuberobot.com
December 8th, 2007 at 1:00 am
Junior
I am also having problem of embeeding videos on my blog…hope this post will help…thanks!
Junior
http://www.goodtolove.com
December 29th, 2007 at 3:04 am
Coryan
WOW, worked perfectly! Thanks for the excellent advice. I’ve been frustrated with this problem for the last hour. Glad I found your blog.