third_party/WebKit/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         }
  33     </script>
  34
  35   </head>
  36   <body onload="init();">
  37     <video id="video1" style="object-fit:contain;"></video>
  38     <video id="video2" style="object-fit:cover;"></video>
  39     <video id="video3" style="object-fit:fill;"></video>
  40     <video id="video4" style="object-fit:scale-down;"></video>
  41   </body>
  42 </html>