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

   1 <html>
   2 <head>
   3     <script>
   4       if (window.internals) {
   5         window.internals.settings.setForceCompositingMode(true);
   6       }
   7     </script>
   8     <style>
   9       body { zoom: 150%; }
  10       video {
  11         margin: 30px;
  12         display: block;
  13       }
  14       .rotated {
  15         -webkit-transform: rotate(10deg);
  16       }
  17     </style>
  18     <script src="media-file.js"></script>
  19     <script src="video-paint-test.js"></script>
  20 </head>
  21 <body onload="setSrcByTagName('video', findMediaFile('video', 'content/test')); init()">
  22     <p>Zoomed video with controls.</p>
  23     <video width="160" height="120" controls></video>
  24     <video class="rotated" width="160" height="120" controls></video>
  25 </body>
  26 </html>