android_webview/test/shell/assets/full_screen_video_test.html

   1 <html>
   2 <head>
   3 <script>
   4 function goFullscreen(id) {
   5   var element = document.getElementById(id);
   6   if (element.webkitRequestFullScreen) {
   7     element.webkitRequestFullScreen();
   8   }
   9 }
  10
  11 addEventListener('DOMContentLoaded', function() {
  12     document.getElementById('video').addEventListener('play', function() {
  13         console.log('Video Played');
  14     }, false);
  15     document.addEventListener('webkitfullscreenerror', function() {
  16         javaFullScreenErrorObserver.notifyJava();
  17     }, false);
  18 }, false);
  19 </script>
  20 </head>
  21 <body>
  22 </script></head><body>
  23 <button autofocus style ='padding:1024px 1024px;' onclick="goFullscreen('video'); return false">Big enough you can't miss it</button>
  24 <p></p>
  25 <!-- The video id must be kept in sync with VideoTestWebServer.VIDEO_ID -->
  26 <video style = 'width: 10px; height: 10px;' id='video' controls>
  27     <source id="webm" src="VIDEO_FILE_URL" type="video/webm">
  28 </video>
  29 </body>
  30 </html>