HTML & CSS: The Good Parts

Inserting Unwrapped Multimedia

If you look around the Web, you’ll notice that every site offers its own instructions for embedding multimedia into your own content. YouTube offers markup like this:

<object width="425" height="344">
 <param name="movie"
  value="http://www.youtube.com/v/iG9CE55wbtY&amp;hl=en&amp;fs=1&amp;rel=0"></param>
 <param name="allowFullScreen" value="true"></param>
 <param name="allowscriptaccess" value="always"></param>
 <embed src="http://www.youtube.com/v/iG9CE55wbtY&amp;hl=en&amp;fs=1&amp;rel=0"
  type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen=
  "true"
  width="425" height="344"></embed>
</object>

Vimeo offers markup like this:

<object width="400" height="270">
 <param name="allowfullscreen" value="true" />
 <param name="allowscriptaccess" value="always" />
 <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4841397&amp;
  server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=
  0&amp;color=&amp;
  fullscreen=1" />
 <embed src="http://vimeo.com/moogaloop.swf?clip_id=4841397&amp;server=vimeo.com&amp;
  show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1"
  type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess=
  "always"
  width="400" height="270"></embed>
</object>

And Odeo offers markup like this:

<object type="application/x-shockwave-flash" data="http://static.odeo.com/flash/player_audio_embed_v2.swf" width="325" height="60" id="odeo_audio"> <param name="movie" value= "http://static.odeo.com/flash/player_audio_embed_v2.swf" ...