Rich Media Test Page
Greetings,
This area was created to test how CMS will handle a third-party content push.
Layout with tables to allow side-by-side content messes up the style sheet. Don't try to do it. (A work around *might* be to use a master column>two column set up.) The current layout holds up under FF and IE6.
Sample using embedded and customized scripts:
The original You Tube embed code was resized to make a proportional thumbnail.
Margin (t r b l) set to 20px in the <script> and <noscript> embed code.
The scripts took some time and fiddling. The inspiration came from a site using Joomla --- an open-source CMS product with a lot of Scandinavian devotees.
This clip lasts 5:37.
Here's the code:
<script language="Javascript">
function writethis(what) {
document.write(what);
}
</script>
<script language="JavaScript">
<!--
var jsval = '<object style=\"width:200px; height:167px; margin:20px\"><param name=\"movie\" value=\"http://www.youtube.com/v/aII3E1E7hsE\" /><param name=\"wmode\" value=\"transparent\" />
<embed src=\"http://www.youtube.com/v/aII3E1E7hsE\" wmode=\"transparent\" type=\"application/x-shockwave-flash\" style=\"width:200px; height:167px; margin: 20px\"></embed></object>';
writethis(jsval);//-->
</script>
<noscript>
<object style="width:200px; height:167px; margin:20px"><param name="movie" value="http://www.youtube.com/v/aII3E1E7hsE" /><param name="wmode" value="transparent" />
<embed src="http://www.youtube.com/v/aII3E1E7hsE" wmode="transparent" type="application/x-shockwave-flash" style="width:200px; height:167px; margin:20px"></embed></object></noscript>
Sample without embedded and customized scripts:
This sample uses only the code You Tube provides when you want to embed video on a page. It looks and acts like the first one with less code to customize.
This clip lasts 5:37.
Here's the code:
<object width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/aII3E1E7hsE&rel=1"></param><param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/aII3E1E7hsE&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
Printer-friendly page
