<p>Test video sizing. You should see one bigger image (paused video) and 7 small ones of 1/4 its size. </p>
<video src="content/test.mp4"></video><br>
<video src="content/test.mp4" style="width: 160px; height:120px">

</video><div style="display:inline-block">
<video src="content/test.mp4" style="width: 160px;">
</video><video src="content/test.mp4" style="height: 120px;">
</video>

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

</div><div style="width: 320px; height:120px;position:relative; display:inline-block; margin: 0">
<video src="content/test.mp4" style="height: 120px; position: absolute;"></video>
<video src="content/test.mp4" style="left: 160px; width: 160px; position: absolute;">
</video>
</div>
<script>
if (window.layoutTestController) {
    layoutTestController.waitUntilDone();
    setTimeout(function() { 
        document.body.appendChild(document.createTextNode('FAIL')); 
        if (window.layoutTestController)
                layoutTestController.notifyDone();
    } , 8000);
}
var count = document.getElementsByTagName('video').length;
document.addEventListener("load", function () {
    if (!--count) {
        document.body.offsetLeft;
        if (window.layoutTestController)
            layoutTestController.notifyDone();
    }
}, true);
</script>