src/third_party/WebKit/LayoutTests/compositing/geometry/clipped-video-controller.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style>
   6
   7       #box {
   8         position: absolute;
   9         top: 50px;
  10         left: 20px;
  11         height: 50px;
  12         width: 50px;
  13         overflow: hidden;
  14         border: 10px solid green;
  15       }
  16
  17   </style>
  18   <script src="../resources/media-testing.js"></script>
  19   <script src="../../media/media-file.js"></script>
  20
  21   <script type="text/javascript" charset="utf-8">
  22     if (window.testRunner)
  23       testRunner.dumpAsText();
  24
  25     function testDone()
  26     {
  27       if (window.testRunner)
  28         testRunner.notifyDone();
  29     }
  30
  31     function doTest()
  32     {
  33       var video = document.getElementsByTagName('video')[0];
  34       setupVideo(video, '../resources/video', testDone);
  35     }
  36   </script>
  37 </head>
  38 <body onload="doTest()">
  39     <p>The video controller should not be visible below</p>
  40     <div id="box">
  41       <video controls></video>
  42     </div>
  43 </body>
  44 </html>