Ohlone College Web Team Blog

This is the INVALID code to embed a Picasa slideshow on your web page (<embed> is invalid):

<embed type="application/x-shockwave-flash"
src="http://picasaweb.google.com/s/c/bin/slideshow.swf"
width="288" height="192"
flashvars="host=picasaweb.google.com&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Fohlonecollegephotos%2Falbumid%2F5162154032057469201%3Fkind%3Dphoto%26alt%3Drss"
pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

And, here is the VALID XHTML equivalent for the same slideshow as referenced above (using the <object> tag):

<object type="application/x-shockwave-flash"
  data="http://picasaweb.google.com/s/c/bin/slideshow.swf"
  width="288" height="192">
  <param name="movie" value="http://picasaweb.google.com/s/c/bin/slideshow.swf" />
  <param name="flashvars" value="host=picasaweb.google.com&amp;RGB=0x000000&amp;feed=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2Fohlonecollegephotos%2Falbumid%2F5162154032057469201%3Fkind%3Dphoto%26alt%3Drss" />
  <param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" />
</object>

Updated June 17, 2009.

A list of colleges using social networking websites such as Facebook, MySpace, Ning, YouTube, etc.:

eduStyle - Social Sites

Using a valid <object> tag is apparently complex. Here are some solutions. Your mileage may vary.

Valid XHTML YouTube embed code generator - “This free tool will create a valid XHTML embed code for any YouTube video. The code YouTube shows on the embed field is not valid XHTML! However, you can simply use this simple tool to make it Valid XHTML 1.0 Transitional.”

Embedding YouTube Videos as Valid XHTML 1.0

Updated June 17, 2009.

Add &rel=0 after video ID number to turn off related videos in embedded players.

Example: http://www.youtube.com/v/ulakMBcqyPo&amp;rel=0

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

XHTML Validation - Director/Shockwave

<object type="application/x-director"
data="Shockwaver.dcr" width="320" height="240">
<param name="src" value="loader.dcr" />
<param name="sw1" value="Shockwaver.dcr" />
<param name="swRemote" value="swSaveEnabled='false'
swVolume='true'
swRestart='false'
swPausePlay='false'
swFastForward='false'
swContextMenu='false' "/>
<param name="swStretchStyle" value="none" />
<img src="shockwaver_not.gif" width="320" height="240" alt="No shockwave?!" />
</object>

XHTML <object> Tag, Not <applet> Tag - Panoramas

<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" height="196" width="460" >
<param name="codebase" value="java" />;
<param name="code" value="panorama" />;
<param name="panorama" value="http://www.veiled-chameleon.com/images/hikes/grandeur-peak/grandeur-peak-full-circle.jpg" />;
<!--[if !IE]> -->;
<object codebase="java" classid="java:panorama.class" height="196" width="460" >;
<param name="panorama" value="http://www.veiled-chameleon.com/images/hikes/grandeur-peak/grandeur-peak-full-circle.jpg" />;
</object>
<!-- <![endif]-->
</object>

http://wikivid.com/

Tutorials for Dreamweaver:

http://wikivid.com/index.php/Dreamweaver

http://www.smashingmagazine.com/2006/11/09/online-generators/