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