admin管理员组

文章数量:1794759

requestFullscreen

每一次克制自己，就意味着比以前更强大。——高尔基

Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。

比如我们全屏幕整个页面：

代码语言：javascript代码运行次数：0运行复制
document.documentElement.requestFullscreen();

又或者我们为其封装一个切换全屏的函数

代码语言：javascript代码运行次数：0运行复制
function toggleFullScreen() {
  if (!document.fullscreenElement) {
    document.documentElement.requestFullscreen();
  } else if (document.exitFullscreen) {
    document.exitFullscreen();
  }
}

甚至仅仅只是全屏某一元素，比如这里全屏一个video

代码语言：javascript代码运行次数：0运行复制
function toggleFullscreen() {
  let elem = document.querySelector("video");

  if (!document.fullscreenElement) {
    elem.requestFullscreen().catch((err) => {
      alert(`尝试启用全屏模式时出错：${err.message}（${err.name}）`);
    });
  } else {
    document.exitFullscreen();
  }
}
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2024-10-03，如有侵权请联系 cloudcommunity@tencent 删除函数异步documentelementvideo

本文标签： requestFullscreen

版权声明：本文标题：requestFullscreen 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1755023471a1709547.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。