src/third_party/WebKit/LayoutTests/fast/regions/full-screen-video-from-region.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script>
   5         var runPixelTests = true;
   6
   7         function init() {
   8             // Bail out early if the full screen API is not enabled or is missing:
   9             if (Element.prototype.webkitRequestFullScreen == undefined) {
  10                 logResult(false, "Element.prototype.webkitRequestFullScreen == undefined");
  11                 endTest();
  12             } else {
  13                 waitForEventAndEnd(document, 'webkitfullscreenchange');
  14                 runWithKeyDown(goFullScreen);
  15             }
  16         }
  17
  18         function goFullScreen() {
  19             video.webkitRequestFullScreen();
  20         }
  21     </script>
  22     <script src="../../fullscreen/full-screen-test.js"></script>
  23     <style>
  24         .content {
  25             -webkit-flow-into: content-flow;
  26         }
  27
  28         .region {
  29             -webkit-flow-from: content-flow;
  30             border: 1px solid red;
  31             margin: 10px;
  32             padding: 10px;
  33             height: 480px;
  34         }
  35    </style>
  36 </head>
  37 <body onload="init()">
  38     <div>This tests the full screen video playing from a region flow.
  39          After entering full screen mode, only the full screen video should be visible.
  40          Click <button onclick="goFullScreen()">go full screen</button> to run the test.</div>
  41     <video class="content" height="270" width="480" id="video" controls autoplay loop></video>
  42     <div class="region"></div>
  43 </body>
  44 </html>