src/third_party/WebKit/LayoutTests/media/video-scales-in-media-document.html

   1 <html>
   2     <head>
   3         <script src="media-file.js"></script>
   4         <script src="video-test.js"></script>
   5         <script>
   6             function canPlayThrough(event) {
   7                 var video = event.target;
   8                 testExpected(video.offsetWidth, 200);
   9                 testExpected(video.offsetHeight, 163.625);
  10                 endTest();
  11             }
  12
  13             function iframeLoad() {
  14                 var iframe = document.querySelector("iframe");
  15                 var video = iframe.contentDocument.querySelector("video");
  16                 video.addEventListener("canplaythrough", canPlayThrough);
  17                 video.load()
  18             }
  19
  20             function load() {
  21                 var iframe = document.querySelector("iframe");
  22                 iframe.onload = iframeLoad;
  23                 iframe.src = findMediaFile("video", "content/counting");
  24             }
  25         </script>
  26     </head>
  27
  28     <body onload="load()">
  29         <p>Test that video media documents scale to fit undersized containers.</p>
  30         <iframe style="width: 200px; height: 200px;"></iframe>
  31    </body>
  32 </html>