Embedding Videos Using Validating Code

This article illustrates how to use validating code for embedding videos within web site.

Do you want to include videos from Google or YouTube but you also want your site to validate?

There is an excellent article on List Apart that will explain what to do: http://www.alistapart.com/stories/flashsatay/

But, here's what I do:

Here is the Google code for embedding a particular video:

  <embed style="width:400px; height:326px;" id="VideoPlayback"
 type="application/x-shockwave-flash"
 src="http://video.google.com/googleplayer.swf?docId=-4216011961522818645&hl=en" flashvars="">
 </embed>

Here is my code:

  <object type="application/x-shockwave-flash"
  data="http://video.google.com/googleplayer.swf?docId=-4216011961522818645"
  width="350" height="292" >
  <param name="movie"
  value="http://video.google.com/googleplayer.swf?docId=-4216011961522818645" />
  <param name="FlashVars" value="playerMode=embedded" /></object>

NOTE: This code should be all in one continual line, without breaks. The breaks showing here are simply to allow the code to display correctly within the width of this template.

This code can be entered into your Mambo or Joomla! web site by temporarily disabling the WYSIWYG editor (if you use one). There is no need to add processing overhead to your CMS by installing plugins or extensions to handle video embedding.

If you enjoyed this post, make sure you subscribe to my RSS feed!