WebCore:
[WebKit-https.git] / LayoutTests / media / video-aspect-ratio.html
1 <p>Test video sizing. You should see one bigger image (paused video) and 7 small ones of 1/4 its size. </p>
2 <video src="content/test.mp4"></video><br>
3 <video src="content/test.mp4" style="width: 160px; height:120px">
4
5 </video><div style="display:inline-block">
6 <video src="content/test.mp4" style="width: 160px;">
7 </video><video src="content/test.mp4" style="height: 120px;">
8 </video>
9
10 </div><div style="width: 320px; height:120px; display:inline-block; margin: 0">
11 <video src="content/test.mp4" style="height: 100%;">
12 </video><video src="content/test.mp4" style="width: 50%;"></video>
13
14 </div><div style="width: 320px; height:120px;position:relative; display:inline-block; margin: 0">
15 <video src="content/test.mp4" style="height: 120px; position: absolute;"></video>
16 <video src="content/test.mp4" style="left: 160px; width: 160px; position: absolute;">
17 </video>
18 </div>
19 <script>
20 if (window.layoutTestController) {
21     layoutTestController.waitUntilDone();
22     setTimeout(function() { 
23         document.body.appendChild(document.createTextNode('FAIL')); 
24         if (window.layoutTestController)
25                 layoutTestController.notifyDone();
26     } , 8000);
27 }
28 var count = document.getElementsByTagName('video').length;
29 document.addEventListener("load", function () {
30     if (!--count) {
31         document.body.offsetLeft;
32         if (window.layoutTestController)
33             layoutTestController.notifyDone();
34     }
35 }, true);
36 </script>