android_webview/test/shell/assets/visual_state_during_fullscreen_test.html

   1 <html>
   2 <head>
   3 <script>
   4   function enterFullscreen() {
   5     var div = document.getElementById("mydiv");
   6     div.webkitRequestFullScreen();
   7     div.addEventListener("webkitfullscreenchange", function(){
   8       div.style.height = "100%";
   9       div.style.width = "100%";
  10       div.style.backgroundColor = "red";
  11       jsObserver.notifyJava();
  12     });
  13   }
  14 </script>
  15 <style>
  16   body {
  17     margin: 0px;
  18     padding: 0px;
  19   }
  20   #enterFullscreenControl {
  21     height: 100%;
  22     width: 100%;
  23     padding: 0px 0px;
  24     background-color: blue;
  25   }
  26 </style>
  27 </head>
  28 <body>
  29 <button id="enterFullscreenControl" autofocus onclick="enterFullscreen(); return false">
  30 <div id="mydiv"></div>
  31 </button>
  32 </body>
  33 </html>