Valid XHTML <object> Tags for YouTube Video - Web Team Procedures and Notes

This page is intended for use only by the Web Team.

NOTE: Subject to change.

Go to Index of Valid XHTML <object> Tags.

Embedding a YouTube Video using Valid XHTML

NOTE: Tested and validates. Off-site service: youtube.com.

<div class="embeddedmedia video centertag" style="width:495px;">
<span class="source"><a href="http://www.youtube.com/watch?v=MOVIEID">VIDEONAME video on Ohlone College's YouTube site.</a></span><br />
<span class="smalltext">(Video is not captioned; no transcript.)</span>
<object type="application/x-shockwave-flash" 
  style="width:495px; height:384px;"  
  data="http://www.youtube.com/v/MOVIEID&amp;rel=0"> 
  <param name="movie" value="http://www.youtube.com/v/MOVIEID&amp;rel=0" /> 
  <param name="wmode" value="transparent" /> 
</object>
</div>

• http://www.bernzilla.com/item.php?id=681
• Adding &rel=0 after video ID number "turns off related videos in embedded players"
• Default size (same size as Ohlone's Flickr sideshow embeds): 495x384
• Other size: 425x344

Exact code for above YouTube video:

<div class="embeddedmedia video centertag" style="width:495px;">
<span class="source"><a href="http://www.youtube.com/watch?v=Co1s_DKQnH0">The Real World Ohlone video video on Ohlone College's YouTube site.</a></span><br />
<span class="smalltext">(Video is not captioned; no transcript.)</span>
<object type="application/x-shockwave-flash" 
  style="width:495px; height:384px;" 
  data="http://www.youtube.com/v/Co1s_DKQnH0&amp;rel=0"> 
  <param name="movie" value="http://www.youtube.com/v/Co1s_DKQnH0&amp;rel=0" /> 
  <param name="wmode" value="transparent" /> 
</object><br />
</div>