<html xmlns:t ="urn:schemas-microsoft-com:time" >
<head>
<style>
	 .time    { behavior: url(#default#time2);}
</style>
<?IMPORT namespace="t" implementation="#default#time2">
<script>
function startTimer(){ setInterval(doTimer,100);}
function doTimer(){ document.all.Timer.innerText =parseInt(document.body.currTimeState.activeTime) }
</script>
</head>
<body timecontainer="seq" onbegin="startTimer()" >
<font style="color:black; font-size:16"><b>
Timer:
<span id="Timer" >0</span>
</b></font>
<br><br>
<DIV align="left" style="position:absolute; top:40; left:300;"><pre>
Copyright: Copyright 1998-2005  W3C (MIT, ERCIM, Keio), All Rights Reserved.
See http://www.w3.org/Consortium/Legal/.
Author: Muriel Jourdan (Muriel.Jourdan@ERCIMlpes.fr)
Version: Feb 21th 2000 v1, 25 octobre 2000 v2
Module: SMIL Timing & Sync Module
Feature: By default value of fill on a time container node  
File Name: Default_Fill_on_time_container1.smil
Media Components: 2 JPG, 1MPG
Expected Behavior: image1 is shown for 4s, 
then the video is played for 5s,
video is removed at t=9s,
nothing is shown between 9s and 13s
then at t=13s, image2 is shown for 3s
<t:seq>
<t:seq>
<t:img style="width:100;height:100" src="../images/frown.jpg"  id="image1" dur ="4s" />
<t:video style="width:100;height:100" src="../videos/nist.mpg" id="video" dur ="5s" />
</t:seq>
<t:img style="width:100;height:100" src="../images/smile.jpg" begin ="4s" dur ="3s" id="image2" />
</t:seq>
</pre>
</DIV>
<t:seq>
<t:seq>
<t:img style="width:100;height:100" src="../images/frown.jpg"  id="image1" dur ="4s" />
<t:video style="width:100;height:100" src="../videos/nist.mpg" id="video" dur ="5s" />
</t:seq>
<t:img style="width:100;height:100" src="../images/smile.jpg" begin ="4s" dur ="3s" id="image2" />
</t:seq>
</body>
</html>