document.fullscreenEnabled

admin發表於2020-04-12

document.fullscreenEnabled 判斷當前頁面是否支援全屏模式。

如果此屬性返回 true 表示可全屏化,否則返回 false。

更多 Fullscreen 內容參閱 Fullscreen 全屏 一章節。

程式碼片段如下:

[JavaScript] 純文字檢視 複製程式碼
var fullscreenEnabled =
  document.fullscreenEnabled ||
  document.mozFullScreenEnabled ||
  document.webkitFullscreenEnabled ||
  document.msFullscreenEnabled;

if (fullscreenEnabled) {
  videoElement.requestFullScreen();
} else {
  console.log('當前頁面不能全屏');
}

上面程式碼可以判斷當前頁面是否可以進行全屏化操作。