third_party/WebKit/LayoutTests/media/video-controls-in-media-document.html

   1 <p>Test that controls don't increase the size of the container (i.e. are
   2 rendered overlapping with the video canvas).<p>
   3 <script src="media-file.js" type="text/javascript"></script>
   4 <script src="video-test.js" type="text/javascript"></script>
   5
   6 <iframe style="width: 400px; height: 300px; border: 0px;" id="container"> </iframe>
   7
   8 <script type="text/javascript">
   9 var iframe = document.getElementById("container");
  10
  11 function timeupdate(event) {
  12     var video = event.target;
  13     controls = internals.shadowRoot(video).firstChild.firstChild;
  14     testExpected("controls.offsetTop + controls.offsetHeight", video.offsetHeight, "<=");
  15     testRunner.notifyDone();
  16 };
  17
  18 function start() {
  19     var iframeDocument = document.getElementById("container").contentDocument;
  20     var video = iframeDocument.querySelector("video");
  21     video.addEventListener("timeupdate", timeupdate);
  22 };
  23
  24 iframe.onload = start;
  25 iframe.src = findMediaFile("video", "content/test");
  26 </script>