Wordpress, Youtube, and IE

May 7th, 2009  Tagged , , , ,

I have been using my flip camera to produce video of student presentations and projects.

When I wrote posts about the projects in Wordpress, I had been switching to HTML mode and pasting in the embed code provided by youtube.  This worked just fine in Firefox, but in at least some versions of IE there was an empty i-frame!

See example with full embed code:

If you look at this in Firefox, you probably see the video ready to play.  If you look at it in IE 7, you might see an empty i-frame. To make matters more confusing, browser cache seems to play a part in this.

The key is found in this post by Eastwood.  You still go to the html window and paste in the embed code, but then you need to edit it down to the point where it only contains the last set of embed tags.  You will also have to delete the trailing object tag at the very end.  At that point, it should embed properly in Firefox and IE.

Example of edited embed code with square rather than angled brackets:

[embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/UCHwAPFRdUc&hl=en&fs=1"][/embed]

Now, I have to figure out how to get 60 or so students who don’t like the idea of editing code to learn how to embed video.  Anybody have any simpler ideas?

Create a free edublog to get your own comment avatar (and more!)


Trackback URI | Comments RSS

Leave a Reply

Name (required)

Email (required)

Website

Speak your mind

*
To prove you're a person (not a spam script), type the security word shown in the picture.
Anti-Spam Image

    Twitter Updates