JavaScriptオブジェクト

JavaScriptリファレンスマニュアル

JS DOMリファレンスマニュアル

HTML DOM Element オブジェクト HTML DOM Document オブジェクト

HTML DOM exitFullscreen() メソッド

HTML DOM Documentオブジェクト

exitFullscreen()このメソッドは、現在のドキュメントをフルスクリーンモードから退出させるために使用されます。

このメソッドは、異なるブラウザで使用するために特定のプレフィックスが必要です（以下のブラウザの互換性を参照してください）。

使用方法：requestFullscreen()要素をフルスクリーンモードで開く方法。

構文：

document.exitFullscreen();

例

/*　ページをフルスクリーン表示するための (<html>) 要素を取得　*/
var elem = document.documentElement;
/*　フルスクリーンで表示　*/
function openFullscreen() {
　　if (elem.requestFullscreen) {
　elem.requestFullscreen();
　　} それでは else if (elem.mozRequestFullScreen) {/*　Firefox　*/
　elem.mozRequestFullScreen();
　　} それでは else if (elem.webkitRequestFullscreen) {　/*　Chrome、SafariおよびOpera　*/
　elem.webkitRequestFullscreen();
　　} それでは else if (elem.msRequestFullscreen) {　/*　IE/Edge　*/
　elem.msRequestFullscreen();
　　}
}
/*　フルスクリーンを閉じる　*/
function closeFullscreen() {
　　if (document.exitFullscreen) {
　document.exitFullscreen();
　　} それでは else if (document.mozCancelFullScreen) {　　/*　Firefox　*/
　document.mozCancelFullScreen();
　　} それでは else if (document.webkitExitFullscreen) {　/*　Chrome、SafariおよびOpera　*/
　document.webkitExitFullscreen();
　　}　else　if　(document.msExitFullscreen)　{　/*　IE/Edge　*/
　document.msExitFullscreen();
　　}
}

テストを見て‹/›

ブラウザの互換性

テーブルの数字は、そのメソッドを完全にサポートする最初のブラウザバージョンを指定します。各ブラウザには特定のプロバイダープレフィックスが必要です：

メソッド
exitFullscreen()	15.0（webkit）	9.0（moz）	12.10（webkit）	5.1（webkit）	11.0（ms）

技術的な詳細

返り値：	ありません

さらに例

ページがフルスクリーンモードになっている場合、CSSを使用してページのスタイルを設定することができます：

例

div:-moz-full-screen　{
　　　background-color: pink;
}
div:-webkit-full-screen　{
　　　background-color: pink;
}
div:fullscreen　{
　　　background-color: pink;
}

テストを見て‹/›

HTML DOM Documentオブジェクト

HTML DOM Element オブジェクト HTML DOM Document オブジェクト