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         if (window.internals)
   7             window.internals.settings.setMockScrollbarsEnabled(true);
   8
   9         function init()
  10         {
  11             setSrcByTagName("video", findMediaFile("video", "content/test"));
  12
  13             var totalCount = document.getElementsByTagName('video').length;
  14             var count = totalCount;
  15             document.addEventListener("canplaythrough", function () {
  16                 if (!--count) {
  17                     if (window.testRunner)
  18                         setTimeout(function() { testRunner.notifyDone(); }, totalCount * 150);
  19                 }
  20             }, true);
  21
  22             if (window.testRunner) {
  23                 testRunner.waitUntilDone();
  24                 setTimeout(function() {
  25                     document.body.appendChild(document.createTextNode('FAIL'));
  26                     if (window.testRunner)
  27                         testRunner.notifyDone();
  28                 }, 1500);
  29             }
  30         }
  31     </script>
  32
  33 </head>
  34 <body onload="init();">
  35     <p>150% zoom, with width and height attributes </p>
  36     &nbsp;<video width=320 height=240></video><br>
  37     <p>150% zoom, without width and height attributes </p>
  38     &nbsp;<video></video><br>
  39 </body>
  40 </html>