JS 全屏代码

小灰灰 2022-08-13 12:40 211阅读 0赞

// 判断各种浏览器，找到正确的方法
    function launchFullscreen(element) {
      if(element.requestFullscreen) {
        element.requestFullscreen();
      } else if(element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
      } else if(element.webkitRequestFullscreen) {
        element.webkitRequestFullscreen();
      } else if(element.msRequestFullscreen) {
        element.msRequestFullscreen();
      }
    }

// 启动全屏!
    launchFullScreen(document.documentElement); // 整个网页
    launchFullScreen(document.getElementById("videoElement")); // 某个页面元素

退出全屏

// 判断浏览器种类
    function exitFullscreen() {
      if(document.exitFullscreen) {
        document.exitFullscreen();
      } else if(document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      } else if(document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
      }
    }
    
    // 退出全屏模式!
    exitFullscreen();

方法二：

var opt='top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no';  
    window.open(youurl, "", opt);

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关 js浏览器全屏功能

FullScreen(){ let el = document.getElementById("preivewChartOuttor")

ゝ一世哀愁。/ 2023年02月16日 05:56/ 0 赞/ 25 阅读

相关 js 页面全屏

//该方法要有点击事件触发才能实现全屏效果 function launchFullScreen(element) { / 处理全屏/

﹏ヽ暗。殇╰゛Y/ 2023年01月03日 01:21/ 0 赞/ 196 阅读

相关 js - 全屏/取消全屏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

深碍√TFBOYSˉ_/ 2022年11月25日 05:23/ 0 赞/ 258 阅读

相关 JS 全屏代码

// 判断各种浏览器，找到正确的方法 function launchFullscreen(element) { if(element.request

小灰灰/ 2022年08月13日 12:40/ 0 赞/ 212 阅读

相关 JS html 实现全屏

首先,根据如下警告信息,可以看出,无法自动实现全屏功能,必须要手动才可以. > Failed to execute ‘requestFullscreen’ on ‘Eleme

旧城等待，/ 2022年06月02日 00:42/ 0 赞/ 400 阅读

相关 js浏览器全屏设置

`1. 进入全屏` function requestFullScreen () { var elem = document.documentEleme

迷南。/ 2022年05月21日 02:26/ 0 赞/ 310 阅读

相关 js实现页面全屏

//该方法要有点击事件触发才能实现全屏效果 function launchFullScreen(element) { / 处理全屏/

比眉伴天荒/ 2022年04月08日 08:47/ 0 赞/ 325 阅读

相关原生js实现浏览器全屏和退出全屏

全屏模式 //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(

爱被打了一巴掌/ 2021年12月24日 19:41/ 0 赞/ 380 阅读

相关 js设置页面全屏

html代码  <img id="alarm-fullscreen-toggler" src="/public/index/

小鱼儿/ 2021年12月22日 08:29/ 0 赞/ 425 阅读

相关页面全屏显示JS代码

1、直接在页面加载时就全屏。 <body οnlοad="window.open(document.location,'big','fullscreen=yes')；wind

待我称王封你为后i/ 2021年12月14日 10:39/ 0 赞/ 469 阅读