DocumentOrShadowRoot.fullscreenElement

DocumentOrShadowRoot.fullscreenElement プロパティは読み取り専用で、この文書内で現在全画面モードで表示されている Element を返し、全画面モードを使用していない場合は null を返します。

このプロパティは読み取り専用ですが、変更されても (strict モードでも) 例外は発生しません。設定しても何もせず、無視されます。

構文

var element = document.fullscreenElement;

返値

現在全画面モードになっている Element オブジェクト。全画面モードがこの document で使用されていない場合、返値は null です。

この例は isVideoInFullscreen() 関数を表し、 fullscreenElement からの返値を調べています。文書が全画面モードで (fullscreenElementnull ではなく)、全画面の要素の nodeNameVIDEO、すなわち <video> 要素を表す場合、この関数は true、すなわち動画が全画面モードであることを表します。

function isVideoInFullscreen() {
  if (document.fullscreenElement && document.fullscreenElement.nodeName == 'VIDEO') {
    return true;
  }
  return false;
}

仕様書

仕様書 状態 備考
Fullscreen API
Document.fullscreenElement の定義
現行の標準 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
fullscreenElementChrome 完全対応 53
接頭辞付き
完全対応 53
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Edge 完全対応 あり
接頭辞付き
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Firefox 完全対応 64
完全対応 64
未対応 47 — 65
無効
無効 From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 9 — 65
代替名
代替名 非標準の名前 mozFullScreenElement を使用しています。
IE 完全対応 あり
接頭辞付き
完全対応 あり
接頭辞付き
接頭辞付き ms のベンダー接頭辞が必要
Opera 完全対応 40
接頭辞付き
完全対応 40
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Safari 完全対応 あり
接頭辞付き
完全対応 あり
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
WebView Android 完全対応 53
接頭辞付き
完全対応 53
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Chrome Android 完全対応 53
接頭辞付き
完全対応 53
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Firefox Android 完全対応 64
完全対応 64
未対応 47 — 65
無効
無効 From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 9 — 65
代替名
代替名 非標準の名前 mozFullScreenElement を使用しています。
Opera Android 完全対応 41
接頭辞付き
完全対応 41
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要
Safari iOS 部分対応 12
補足 代替名
部分対応 12
補足 代替名
補足 Full-screen mode is only supported on the iPad.
代替名 非標準の名前 webkitFullscreenElement を使用しています。
Samsung Internet Android 完全対応 6.0
接頭辞付き
完全対応 6.0
接頭辞付き
接頭辞付き webkit のベンダー接頭辞が必要

凡例

完全対応  
完全対応
部分対応  
部分対応
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。
非標準の名前を使用しています。
非標準の名前を使用しています。
使用するには、ベンダー接頭辞または異なる名前が必要です。
使用するには、ベンダー接頭辞または異なる名前が必要です。

関連情報