| <html> |
| <head> |
| <script> |
| function goFullscreen(id) { |
| var element = document.getElementById(id); |
| if (element.webkitRequestFullScreen) { |
| element.webkitRequestFullScreen(); |
| } |
| } |
| |
| addEventListener('Loaded', function() { |
| document.getElementById('video').addEventListener('play', function() { |
| console.log('Video Played'); |
| }, false); |
| }, false); |
| </script> |
| </head> |
| <body> |
| </script></head><body> |
| <button autofocus style ='padding:1024px 1024px;' onclick="goFullscreen('video'); return false">Big enough you can't miss it</button> |
| <p></p> |
| <video style = 'width: 10px; height: 10px;' id='video' controls> |
| <source id="webm" src="VIDEO_FILE_URL" type="video/webm"> |
| </video> |
| </body> |
| </html> |
