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() 以全屏模式打開元素。