A quick note out there to anyone using Wordpress that is having trouble embeddeding video or other content while using the Wordpress Visual editor.

I’m having problems with users that do this and then the entire layout breaks. The problem is the way the VE handles the embed code from video sites. I’m sure there is a plugin someplace to make this more elegant, but for now, here is the fix.

Go to the WP admin and start a new post

If you are going to post a video with text

• Write your post, leaving space for the video
• After the post is written, click Save and Continue Editing
• Click on the Code button
• Find the spot where you want to embed the video and paste the code
• Click Save and Continue Editing again, then the preview link to make sure it works

If you are going to post a video without text

• On the Write Post screen, click the Code button
• Paste the embed code
• Click Publish

I’ve heard a rumor that future versions of Wordpress handle this better, but for now, this works pretty well.

Or, don’t use the VE. That’s the way I do it, but I think in HTML.

Next up, figuring why my layouts don’t like nested lists. Grrrr.

2 Responses to “Embedding videos with the Visual Editor”

1. Radiationman Says:
   March 3rd, 2008 at 8:52 am

   As much as I’m all over that Visual Editor – I’ve always switched it off when I’ve embedded a video… It used to be that you couldn’t embed a video in the Visual Editor at all, I had no idea that had changed…

2. db Says:
   March 3rd, 2008 at 9:51 am

   You still can’t with the visual editor. Well, you can, but it will completely borked your layout.

   I’ve heard/read that they are going to improve this with either 2.5 or 3.0

Leave a Reply

You must be logged in to post a comment.