[Modern Media Controls] Turn media/modern-media-controls/ios-inline-media-controls...
[WebKit-https.git] / LayoutTests / media / video-object-fit-change-expected.html
1 <!DOCTYPE html>
2 <html>
3   <head>
4     <title>changing object-fit values on video elements</title>
5     <style>
6       video {
7         width: 120px;
8         height: 120px;
9         border: 1px solid blue;
10         background-color: gray;
11         margin: 10px;
12       }
13     </style>
14     <script src=media-file.js></script>
15     <script>
16         if (window.testRunner)
17           testRunner.waitUntilDone();
18
19         function init()
20         {
21             setSrcByTagName("video", findMediaFile("video", "content/test"));
22
23             var totalCount = document.getElementsByTagName('video').length;
24             var count = totalCount;
25
26             if (window.testRunner) {
27                 document.addEventListener("canplaythrough", function () {
28                     if (!--count)
29                         setTimeout(function() { testRunner.notifyDone(); }, 500);
30                 }, true);
31
32                 setTimeout(function() {
33                     document.body.appendChild(document.createTextNode('FAILED TOO'));
34                     if (window.testRunner)
35                         testRunner.notifyDone();
36                 }, 1500);
37             }
38         }
39     </script>
40
41   </head>
42   <body onload="init();">
43     <video id="video1" style="object-fit:contain;"></video>
44     <video id="video2" style="object-fit:cover;"></video>
45     <video id="video3" style="object-fit:fill;"></video>
46     <video id="video4" style="object-fit:scale-down;"></video>
47   </body>
48 </html>