<switch>
<layout type="text/css">
{ top: 10px; left: 10px }
[region="capvideo"] {top: 0px; height: 80%}
[region="captext"] {top: 80%; height: 20%; width: auto;}
</layout>
<layout>
<root-layout width="400" height="400"/>
<region id="capvideo"
title="Video pane for use with caption window"
top="0" height="80%" fit="meet"/>
<region id="captext" title="Caption pane"
top="80%" height="20%" width="100%" />
</layout>
</switch>
Erläuterungen
Player, die CSS unterstützen, erhalten die jeweiligen Positionierungen und Größenangaben aus den Stylesheet, andere das einfache Layout. Zugunsten der Skalierbarkeit von Video und Text sind auch im einfachen Layout Prozentangaben anstelle Pixel verwendet.
Referenzen und Beispiel:
W3C Note SMIL Accessibility,
W3C Note SMIL + CSS.
SMIL Code im Beispiel 2.