JavaScript Fullscreen API

Fullscreen API

Fullscreen API 提供处理全屏 HTML 元素的方法和属性。

实例

在全屏模式下显示 <video> 元素:

/* 获取需要全屏显示的元素 */
var elem = document.getElementById("myvideo");

/* 执行 openFullscreen() 函数以全屏打开视频。包括不支持 requestFullscreen 属性的浏览器的前缀。 */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

亲自试一试

Fullscreen 属性和方法

属性 / 方法 描述
exitFullscreen() 在全屏模式下取消元素。
fullscreenElement 返回处于全屏模式的元素。
fullscreenEnabled() 如果可以在全屏模式下查看文档,则返回 true。
requestFullscreen() 以全屏模式打开元素。