LayoutTests/media/video-zoom-controls.html

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