フルスクリーンAPIfullscreenEnabled()
例
フルスクリーンモードで<video>要素を表示します。
/* Get the element you want displayed in fullscreen */
var elem =
document.getElementById("myvideo");
/* Function to open fullscreen mode
*/
function openFullscreen() {
/* If fullscreen mode is
available, show the element in fullscreen */
if (document.fullscreenEnabled)
{
/* Show the element in fullscreen */
elem.requestFullscreen();
}
}
定義と使用法
fullscreenEnabled()メソッドは、ドキュメントをフルスクリーンモードで表示できるかどうかを示すブール値を返します。
fullscreenEnabled()メソッドは、フルスクリーンモードが使用可能な場合はtrueを返し、それ以外の場合はfalseを返します。
ヒント:要素をフルスクリーンモードで表示するには、 element .requestFullscreen()メソッドを使用します。
ヒント:要素.exitFullscreen()メソッドを使用して、フルスクリーンモードをキャンセルします。
ブラウザのサポート
表の数字は、このメソッドを完全にサポートする最初のブラウザバージョンを示しています。 注:一部のブラウザーには特定のプレフィックスが必要です(括弧を参照)。
Method | |||||
---|---|---|---|---|---|
fullscreenEnabled() | 71.0 45.0 (webkit) |
12.0 11.0 (ms) |
64.0 47.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
例
クロスブラウザーコードにプレフィックスを使用する:
/* If fullscreen mode is available, then do something */
if (
document.fullscreenEnabled || /* Standard syntax */
document.webkitFullscreenEnabled || /* Safari */
document.msFullscreenEnabled/* IE11 */
) {
...
}
構文
document.fullscreenEnabled()
パラメーター
なし |
技術的な詳細
戻り値: | ドキュメントをフルスクリーンモードで表示できるかどうかを示すブール値:
|
---|
❮フルスクリーンAPI