Website – Adding a youtube video to your page

Well, since I’ve been busy updating all my materials for the big upcoming conference, I thought i’d do a quick post of how to add a youtube video as an embedded object into your web pages.  All and all, it’s pretty simple, but I’m glad someone else gave me the first one, so I could just mimic it going forward 🙂

<object width=”640″ height=”360″ classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”allowFullScreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”src” value=”http://www.youtube.com/v/XXXX?version=3&amp;hl=en_US” /><param name=”allowfullscreen” value=”true” /><embed width=”640″ height=”360″ type=”application/x-shockwave-flash” src=”http://www.youtube.com/v/XXXX?version=3&amp;hl=en_US” allowFullScreen=”true” allowscriptaccess=”always” allowfullscreen=”true” /></object>

Now the important pieces are the width, height and the src parameter.  You need to make sure you update each of these in BOTH places they show up.  in addition, when you upload your video to youtube, you get a full address, but here you just need the last piece of it.  in the code above, you see XXXX.  Replace XXXX with the last portion of the YouTube web address (everything after the last /).  And magically, you get a nice embedded youtube player directly in your webpage.

It’s not rocket science, but for a web novice like me, tricks like this are invaluable.

Thanks for reading.