Quick Fix For Embedding Videos on Picky Templates

A little while ago, I had major issues trying to embed any YouTube videos into my blog.  Thus, I tried alternate video sources like MySpace and Google Video.  Whenever I posted a YouTube video, the page would lock solid and give Internet Explorer users an error message.  Not surprisingly, the mighty FireFox had no issues. So how do you ensure that your blog template plays nice with IE and YouTube? Here’s what you do…

 A typical piece of YouTube embedding code looks like this:

<object width=”425″ height=”350″><param name=”movie” value=”http://www.youtube.com/v/Cld8DTKeLYE”></param><param name=”wmode” value=”transparent”></param><embed src=”http://www.youtube.com/v/Cld8DTKeLYE” type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”350″></embed></object>

Unfortunately, Internet Explorer doesn’t like all this crap.  To make it a lot more compatible, you strip it down to this:

<embed src=”http://www.youtube.com/v/Cld8DTKeLYE” type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”350″></embed>

That’s it!  Just strip it down to the <embed></embed> tags, and you’re good to go.  Hope this bit of info helps you out with a difficult, non-video friendly template that you’re using.  This might actually work with other incompatible video services, but I’ve only tried it with YouTube.  Let me know if it works out for you.

Now enjoy the demo of me almost losing it at the CodeZero Driving Course taken by Leo