APIは、YouTubeなど動画画面の右下にある全画面表示ボタンを押すと動画部分のみが画面いっぱいに表示されるように、特定の要素を全画面(フルスクリーン)で提供できる機能です。IEもIE11から対応しており、いよいよ本格的に使える環境が整ってきました。"none";}&lt;/script&gt;このサンプルでは、ボタンを押下すると、#targetの要素内のコンテンツをフルスクリーン表示にするrequestFullscreenファンクションが実行されます。フルスクリーン表示後にボタンを解除ボタンに切り替えています。解除ボタンを押下するとexitFullscreenファンクションが実行され、元の画面の状態に戻ります。APIをサポートしていない環境にはボタンそのものを非表示にしています。//IEフルスクリーン表示にしたい要素(動画、画像または他の要素)をrequestFullScreen()メソッドで呼び出します。それぞれベンダー識別子が必要です。height:100%;が追加される)ので、フルスクリーン状態の要素にのみ適用できる:fullscreen擬似クラスを用いて整えます。requestFullScreen()メソッドはボタンのクリックなど、ユーザが発生させるイベントから呼び出す必要があります。ページを開くと同時にrequestFullScreen()メソッドを実行しても、信頼できないコンテンツとしてブロックされることになります。フルスクリーンの終了Escキーを押すことで、ユーザは全画面表示モードを終了できます。プログラムの制御下で全画面表示を終了するには、exitFullscreenメソッドを使います。HTML5仕様のメソッド名はexitFullscreenですが、Gecko:FullScreenAPI仕様ではcancelFullScreenになっています。OperaはGecko:FullScreenAPIをベースにした実装であるため、ベンダー識別子をつける際にHTML5仕様のメソッド名と異なることに注意してください。//IEexitFullscreenメソッドはdocumentオブジェクトに適用させることで、どの要素が現在フルスクリーンモードで開かれていても問題はありません。現在、フルスクリーン表示になっている要素を取得するには、documentオブジェクトのfullscreenElementプロパティを使うことで、フルスクリーンで表示されている最上位の要素を返します。フルスクリーンで表示している要素がなければnullを返します。それぞれベンダー識別子が必要です。document.fullscreenElement;}}フルスクリーンイベントを検知するfullscreenchangeイベントを用います。それぞれベンダー識別子が必要です。フルスクリーン表示になった時と、フルスクリーン表示を終了したときにもイベントが呼び出されます。どちらのイベントかを判断するには、フルスクリーンで表示している要素がなければnullを返すfullscreenElementプロパティを用いると良いでしょう。{alert("フルスクリーン表示を実行しました。");}else{alert("フルスクリーン表示を終了しました。");}}フルスクリーン状態の要素にCSSを適用する:fullscreen擬似クラスを用います。それぞれベンダー識別子が必要です。ExplorerのどのバージョンからどのHTML/CSS/JSに対応しているかの一覧font-familyに游書体(游明朝/游ゴシック)を指定するContactWeb制作に関するご相談、お気軽にお問い合わせください。/WebデザイナーContactSubscribeTwitterFacebookGoogle+。