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>
6 <iframe style="width: 400px; height: 300px; border: 0px;" id="container"> </iframe>
8 <script type="text/javascript">
9 var iframe = document.getElementById("container");
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();
19 var iframeDocument = document.getElementById("container").contentDocument;
20 var video = iframeDocument.querySelector("video");
21 video.addEventListener("timeupdate", timeupdate);
24 iframe.onload = start;
25 iframe.src = findMediaFile("video", "content/test");