| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Video Player Test</title> | |
| <meta name=viewport content='width=device-width initial-scale=1.0'> | |
| </head> | |
| <body> | |
| <video controls id=video src=bear.webm></video> | |
| <button id='fullscreen'>fullscreen</button> | |
| </body> | |
| <script> | |
| document.querySelector('#fullscreen').addEventListener('click', _ => { | |
| document.querySelector('video').webkitRequestFullscreen(); | |
| }, { once: true }); | |
| </script> | |
| </html> |