









<HTML xmlns:t ="urn:schemas-microsoft-com:time" >





<HEAD>





<STYLE>





   .time    { behavior: url(#default#time2);}





</STYLE>





<?IMPORT namespace="t" implementation="#default#time2">





</HEAD>











<BODY>











<PRE style="position:absolute; top:20; left:350">











<B>TIMER: <SPAN id="Timer" class="time" dur="1" repeatCount="indefinite" onrepeat="innerText=parseInt(document.body.currTimeState.activeTime)">0</SPAN>





</B>











<B>AUTHOR: </B>Debbie Newman(debbien@microsoft.com)





<B>VERSION: </B>01/31/2001, v1





<B>MODULE: </B>Timing and Synchronization Module/Elements





Feature: timeContainer





<B>FILE NAME: </B>media_timeContainer_par.htm





<B>MEDIA COMPONENTS: </B>videos/coffee.mpg (natural duration is 10.83 seconds)











<B>EXPECTED BEHAVIOR:</B><br>





0-2 seconds: nothing<br>





2-4 seconds: video plays and moves left<br>





4-6 seconds: video continues to play and moves diagonally left and down<br>





at 6 seconds: video jumps to original top<br>





6-8 seconds: video continues to play and moves left<br>





8-12.8 seconds: the video continues to play but does not move<br>





at 12.8 seconds: the video ends and is removed<br><br>











<B>SAMPLE CODE: </B>





<t:video begin="2" src="../videos/coffee.mpg" timeContainer="par" style="position:absolute;top:0;left:0" >





  <t:animate attributeName="left" dur="6" from="200" to="0" />





  <t:animate attributeName="top" begin="2" dur="2" from="0" to="100" />





</t:video





</PRE>











<!-- Main Test Div -->





<DIV align=left style="position: absolute; top:50; left:10; width:400; height:450">











<t:video begin="2" src="../videos/coffee.mpg" timeContainer="par" style="position:absolute;top:0;left:0" >





  <t:animate attributeName="left" dur="6" from="200" to="0" />





  <t:animate attributeName="top" begin="2" dur="2" from="0" to="100" />





</t:video











</DIV>











</BODY>





</HTML>