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.layoutTestController)
  15                         setTimeout(function() { layoutTestController.notifyDone(); }, totalCount * 150);
  16                 }
  17             }, true);
  18
  19             if (window.layoutTestController) {
  20                 layoutTestController.waitUntilDone();
  21                 setTimeout(function() {
  22                     document.body.appendChild(document.createTextNode('FAIL'));
  23                     if (window.layoutTestController)
  24                         layoutTestController.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>