SMIL:
Whilst the SMIL language is a powerful tool for creating synchronized multimedia presentations on the web over low bandwidth connections. It is mainly meant to work with linear presentations where several types of media can be synchronized to one timeline.
<head>
<meta name="Title" content="Untitled" />
<meta name="Author" content="" />
<meta name="Description" content="" />
<meta name="Copyright" content="(c)" />
<meta name="Coding" content="Created with Fluition" />
<meta name="Base" content=""/>
<layout>
<root-layout id="fluition2.smil" width="380" height="300" background-color="black" title="Untitled" />
<region id="bgimage_region" left="0" top="0" width="380" height="300" z-order="0" />
<region id="Video" left="60" top="25" width="240" height="180" z-index="1" background-color="white" fit="fill" />
<region id="Logo" left="60" top="225" width="240" height="50" z-index="1" background-color="red" fit="fill" />
</layout>
</head>
<body>
<par>
<img src="IMG_0172.JPG?duration=0:00.5" region="bgimage_region" fill="freeze" />
<par>
<seq>
<a href="http://www.ucla.edu" show="pause">
<video id="clip1" src="royce.rm" region="Video" >
<anchor href="http://www.ucla.edu" show="pause" coords="35,30,135,130" begin="00:00:10" end="00:00:20" />
</video>
</a>
</seq>
<seq>
<a href="http://www.dma.ucla.edu" show="replace">
<img id="clip 2" src="logo.gif" region="Logo" fill="freeze" >
<anchor href="http://www.dma.ucla.edu" show="pause" coords="0,0,240,50" />
</img>
</a>
</seq>
</par>