blob: f43330a4822d9db121c91d8fe86bd81e2bbe5703 [file] [log] [blame]
<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>