OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script> | 3 <script src="full_screen_video.js"></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> | 4 </head> |
21 <body> | 5 <body> |
22 </script></head><body> | 6 </script></head><body> |
23 <button autofocus style ='padding:1024px 1024px;' onclick="goFullscreen('video')
; return false">Big enough you can't miss it</button> | 7 <button autofocus style ='padding:1024px 1024px;' onclick="goFullscreen('video')
; return false">Big enough you can't miss it</button> |
24 <p></p> | 8 <p></p> |
25 <!-- The video id must be kept in sync with VideoTestWebServer.VIDEO_ID --> | 9 <!-- The video id must be kept in sync with VideoTestWebServer.VIDEO_ID --> |
26 <video style = 'width: 10px; height: 10px;' id='video' controls> | 10 <video style = 'width: 10px; height: 10px;' id='video' controls> |
27 <source id="webm" src="VIDEO_FILE_URL" type="video/webm"> | 11 <source id="webm" src="VIDEO_FILE_URL" type="video/webm"> |
28 </video> | 12 </video> |
29 </body> | 13 </body> |
30 </html> | 14 </html> |
OLD | NEW |