LayoutTests/media/video-aspect-ratio.html

   1 <script src="media-file.js"></script>
   2 <script src="video-paint-test.js"></script>
   3 <body onload="setSrcByTagName('video', findMediaFile('video', 'content/test')); init()">
   4 <p>Test video sizing. You should see one bigger image (paused video) and 7 small ones of 1/4 its size. </p>
   5 <video></video><br>
   6 <video style="width: 160px; height:120px">
   7
   8 </video><div style="display:inline-block">
   9 <video style="width: 160px;">
  10 </video><video style="height: 120px;">
  11 </video>
  12
  13 </div><div style="width: 320px; height:120px; display:inline-block; margin: 0">
  14 <video style="height: 100%;">
  15 </video><video style="width: 50%;"></video>
  16
  17 </div><div style="width: 320px; height:120px;position:relative; display:inline-block; margin: 0">
  18 <video style="height: 120px; position: absolute;"></video>
  19 <video style="left: 160px; width: 160px; position: absolute;">
  20 </video>
  21 </div>
  22 </body>