src/third_party/WebKit/LayoutTests/media/video-zoom.html

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