全屏事件

// 全屏事件
        handleFullScreen(id) {
            let element = document.getElementById(id); //需要全屏容器的id
            // 浏览器兼容
            if (this.fullscreen) {
                // 取消全屏
                if (document.exitFullscreen && document.fullscreenElement !== null) {
                    document.exitFullscreen();
                } else if (document.webkitCancelFullScreen) {
                    document.webkitCancelFullScreen();
                } else if (document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                } else if (document.msExitFullscreen) {
                    document.msExitFullscreen();
                }
            } else {
                // 全屏
                if (element.requestFullscreen) {
                    element.requestFullscreen();
                } else if (element.webkitRequestFullScreen) {
                    element.webkitRequestFullScreen();
                } else if (element.mozRequestFullScreen) {
                    element.mozRequestFullScreen();
                } else if (element.msRequestFullscreen) {
                    element.msRequestFullscreen();
                }

            }
            this.fullscreen = !this.fullscreen;
        },

 

posted @ 2024-03-11 10:21  李云蹊  阅读(9)  评论(0编辑  收藏  举报