blob: d0bf3bc632e45c081b256bd3494bd240e5225685 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
|
---
title: Document.fullscreenEnabled
slug: Web/API/Document/fullscreenEnabled
tags:
- API
- Document
- Fullscreen API
- Property
- Read-only
- Reference
- fullscreenEnabled
- プロパティ
- 全画面
- 画面
translation_of: Web/API/Document/fullscreenEnabled
---
<div>{{APIRef("Fullscreen API")}}</div>
<p><span class="seoSummary">{{domxref("Document")}} インターフェイスの <code><strong>fullscreenEnabled</strong></code> プロパティは読み取り専用で、全画面モードが使用できるかを示します。</span>全画面モードは文書内にウィンドウ化されたプラグインを含まないページ、および文書内のすべての {{HTMLElement("iframe")}} 要素が {{HTMLAttrXRef("allowfullscreen", "iframe")}} 属性を持つページに限り使用することができます。</p>
<p>このプロパティは読み取り専用ですが、変更されても (strict モードでも) 例外を投げません。セッターは何もしないので、無視されます。</p>
<h2 id="Syntax" name="Syntax">構文</h2>
<pre class="syntaxbox">var <var>isFullscreenAvailable</var> = <var>document</var>.fullscreenEnabled;
</pre>
<h3 id="Value" name="Value">値</h3>
<p>{{domxref("Boolean")}} 値であり、文書や要素が {{domxref("Element.requestFullscreen()")}} を呼び出すことで全画面モードに移行できるのであれば <code>true</code> です。全画面モードが利用できないのであれば、値は <code>false</code> になります。</p>
<h2 id="Example" name="Example">例</h2>
<p>この例では、 {{htmlElement("video")}} 要素に全画面モードへの移行を試みる前に <code>fullscreenEnabled</code> の値をチェックし、利用できない場合には移行を試みないようにします。</p>
<pre class="brush: js">function requestFullScreen() {
if (document.fullscreenEnabled) {
videoElement.requestFullScreen();
} else {
console.log('現在ブラウザーは全画面モードを使用することができません');
}
}</pre>
<h2 id="Specifications" name="Specifications">仕様書</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">仕様書</th>
<th scope="col">状態</th>
<th scope="col">備考</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName("Fullscreen", "#dom-document-fullscreenenabled", "Document.fullscreenEnabled")}}</td>
<td>{{Spec2("Fullscreen")}}</td>
<td>初回定義</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
<p>{{Compat("api.Document.fullscreenEnabled")}}</p>
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
<li><a href="/ja/docs/Web/API/Fullscreen_API">Fullscreen API</a></li>
<li><a href="/ja/docs/Web/API/Fullscreen_API/Guide">Fullscreen API ガイド</a></li>
<li>{{domxref("Element.requestFullscreen()")}}</li>
<li>{{domxref("Document.exitFullscreen()")}}</li>
<li>{{domxref("Document.fullscreenElement")}}</li>
<li>{{cssxref(":fullscreen")}} および {{cssxref("::backdrop")}}</li>
<li>{{HTMLElement("iframe")}} 要素の {{HTMLAttrXRef("allowfullscreen", "iframe")}} 属性</li>
</ul>
|
