js原生提供操作元素全屏的方法
通过requestFullscreen
打开全屏,exitFullscreen
退出全屏
// hteml
<button id="btn" onClick="handleFullScreen">切换全屏</button>
// js
handleFullScreen() {
const isFullScreen = document.webkitIsFullScreen || document.mozFullScreen || false;
const btn = document.getElementById('btn');
if (isFullScreen) {
document.exitFullscreen();
} else {
btn.requestFullscreen();
}
}