<script src="media-file.js"></script>
<script src="video-paint-test.js"></script>
<body onload="setSrcByTagName('video', findMediaFile('video', 'content/test')); init()">
<p>Test video sizing. You should see one bigger image (paused video) and 7 small ones of 1/4 its size. </p>
<video></video><br>
<video style="width: 160px; height:120px">

</video><div style="display:inline-block">
<video style="width: 160px;">
</video><video style="height: 120px;">
</video>

</div><div style="width: 320px; height:120px; display:inline-block; margin: 0">
<video style="height: 100%;">
</video><video style="width: 50%;"></video>

</div><div style="width: 320px; height:120px;position:relative; display:inline-block; margin: 0">
<video style="height: 120px; position: absolute;"></video>
<video style="left: 160px; width: 160px; position: absolute;">
</video>
</div>
</body>