[Modern Media Controls] Turn media/modern-media-controls/ios-inline-media-controls...
[WebKit-https.git] / LayoutTests / media / video-zoom.html
1 <html>
2 <head>
3     <style> video { zoom: 150%; border: 3px solid red; } </style>
4     <script src=media-file.js></script>
5     <script>
6         function init()
7         {
8             setSrcByTagName("video", findMediaFile("video", "content/test"));
9
10             var totalCount = document.getElementsByTagName('video').length;
11             var count = totalCount;
12             document.addEventListener("canplaythrough", function () {
13                 if (!--count) {
14                     if (window.testRunner)
15                         setTimeout(function() { testRunner.notifyDone(); }, totalCount * 150);
16                 }
17             }, true);
18
19             if (window.testRunner) {
20                 testRunner.waitUntilDone();
21                 setTimeout(function() { 
22                     document.body.appendChild(document.createTextNode('FAIL')); 
23                     if (window.testRunner)
24                         testRunner.notifyDone();
25                 }, 1500);
26             }
27         }
28     </script>
29
30 </head>
31 <body onload="init();">
32     <p>150% zoom, with width and height attributes </p>
33     &nbsp;<video width=320 height=240></video><br>
34     <p>150% zoom, without width and height attributes </p>
35     &nbsp;<video></video><br>
36 </body>
37 </html>