W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <h1>使用 JavaScript 全屏</h1> <p>点击按钮可全屏模式打开视频。</p> <button onclick="openFullscreen();">全屏模式打开视频</button> <p><b>提示：</b>按“Esc”键退出全屏。</p> <video width="100%" controls id="myvideo"> <source src="/i/video/shanghai.mp4" type="video/mp4"> Your browser does not support the video tag. </video> <script> var elem = document.getElementById("myvideo"); function openFullscreen() { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.webkitRequestFullscreen) { /* Safari */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE11 */ elem.msRequestFullscreen(); } } </script> <p>注意：Internet Explorer 10 及更早版本不支持 msRequestFullscreen() 方法。</p> </body> </html>