Niagara College Canada > Technology > Courses > CTEC1906 > XHTML-compliant YouTube video code

XHTML-compliant YouTube video code

This page embeds a YouTube video using the following code:

  <object type="application/x-shockwave-flash" width="425" height="344" 
   data="http://www.youtube.com/v/c6Io05fTLSg"><param name="movie" 
   value="http://www.youtube.com/v/c6Io05fTLSg" /><param name="wmode" 
   value="transparent" />
  </object>

For more details, go here.

The link to the original video is here.

The original Embed code from YouTube is:

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

but the <embed> tag is not XHTML-compliant.

There is a web site that will convert such code to valid XHTML:

<!--[if !IE]> -->
  <object type="application/x-shockwave-flash" 
  data="http://www.youtube.com/v/c6Io05fTLSg&amp;hl=en_US&amp;fs=1&amp;" 
  width="425" height="344">
<!-- <![endif]-->
<!--[if IE]>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" 
  width="425" height="344">
    <param name="movie" 
	value="http://www.youtube.com/v/c6Io05fTLSg&amp;hl=en_US&amp;fs=1&amp;" />
<!--><!-- http://Validifier.com -->
  </object>
<!-- <![endif]-->

Back to CTEC1906

Revision History:
2010.02.10 1.0 Created and Tidy'ed
2010.02.11 1.1 Updated using XHTML-compliant code. Tested on Firefox, IE8, Safari, Chrome and Opera.