Element.onfullscreenerror

Element インターフェイスの onfullscreenchange プロパティは fullscreenerror イベントのイベントハンドラーで、要素が全画面モードへ移行するか、終了するときにエラーが発生したときに発生します。

構文

targetElement.onfullscreenerror = fullscreenErrorHandler;

fullscreenerror イベントのエラーハンドラーです。

この例は、ユーザーが主導するイベント (clickkeypress イベントなど) のハンドラーの外から全画面モードへの切り替えを試みます。全画面モードへの意向は、ユーザー入力への応答の中からしか許可されていないため、これによってエラーが発生し、 fullscreenerror イベントをエラーハンドラーに配信します。

let elem = document.querySelector("video")}}

elem.onfullscreenerror = function ( event ) {
  displayWarning("Unable to switch into full-screen mode.");
};

//....

elem.requestFullscreen();

仕様書

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

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
onfullscreenerrorChrome 完全対応 71
完全対応 71
完全対応 57
代替名
代替名 非標準の名前 onwebkitfullscreenerror を使用しています。
Edge 完全対応 ≤79Firefox 完全対応 64
完全対応 64
未対応 10 — 65
代替名
代替名 非標準の名前 onmozfullscreenerror を使用しています。
IE 未対応 なしOpera 完全対応 ありSafari ? WebView Android 完全対応 71
完全対応 71
完全対応 57
代替名
代替名 非標準の名前 onwebkitfullscreenerror を使用しています。
Chrome Android 完全対応 71
完全対応 71
完全対応 57
代替名
代替名 非標準の名前 onwebkitfullscreenerror を使用しています。
Firefox Android 完全対応 64
完全対応 64
未対応 10 — 65
代替名
代替名 非標準の名前 onmozfullscreenerror を使用しています。
Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android 完全対応 7.0

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
非標準の名前を使用しています。
非標準の名前を使用しています。

関連情報