diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-22 19:08:14 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-29 21:50:36 +0900 |
commit | 426eec5c1f0ae9402fc7385d7550719865fc2b35 (patch) | |
tree | a6cc78688f8fe11e967ec239fe5748491d13a024 /files | |
parent | b636ce3e104d1c2b1f01441ccdf3c2f82571448f (diff) | |
download | translated-content-426eec5c1f0ae9402fc7385d7550719865fc2b35.tar.gz translated-content-426eec5c1f0ae9402fc7385d7550719865fc2b35.tar.bz2 translated-content-426eec5c1f0ae9402fc7385d7550719865fc2b35.zip |
2021/08/14 時点の英語版に同期
Diffstat (limited to 'files')
-rw-r--r-- | files/ja/web/http/headers/feature-policy/fullscreen/index.md | 82 |
1 files changed, 36 insertions, 46 deletions
diff --git a/files/ja/web/http/headers/feature-policy/fullscreen/index.md b/files/ja/web/http/headers/feature-policy/fullscreen/index.md index 5a3dba6c4c..f8c6198f2a 100644 --- a/files/ja/web/http/headers/feature-policy/fullscreen/index.md +++ b/files/ja/web/http/headers/feature-policy/fullscreen/index.md @@ -1,82 +1,72 @@ --- -title: 'Feature-Policy:fullscreen' +title: 'Feature-Policy: fullscreen' slug: Web/HTTP/Headers/Feature-Policy/fullscreen tags: + - 機能ポリシー - Feature-Policy - HTTP - - HTTP レスポンスヘッダー - fullscreen - ヘッダー - - 全画面 - - 機能ポリシー + - 実験的 +browser-compat: http.headers.Feature-Policy.fullscreen translation_of: Web/HTTP/Headers/Feature-Policy/fullscreen --- {{HTTPSidebar}} {{SeeCompatTable}} -<span class="seoSummary">HTTP の {{HTTPHeader("Feature-Policy")}} ヘッダーにおける `fullscreen` ディレクティブは、現在の文書が {{domxref('Element.requestFullScreen()')}} を使用することを許可するかどうかを制御します。このポリシーが有効であれば、 返却された {{jsxref('Promise')}} が {{jsxref('TypeError')}} で拒否されます。</span> +HTTP の {{HTTPHeader("Feature-Policy")}} ヘッダーにおける `fullscreen` ディレクティブは、現在の文書が {{domxref('Element.requestFullScreen()')}} を使用することを許可するかどうかを制御します。このポリシーが有効であれば、 返却された {{jsxref('Promise')}} が {{jsxref('TypeError')}} で拒否されます。 既定では、最上位の文書およびその同じオリジンの子フレームが全画面モードを要求し、入ることができます。このディレクティブは別オリジンのフレームが全画面モードを使用することを許可したり拒否したりします。同じオリジンのフレームも含みます。 -<div class="note"> -このディレクティブと `allowfullscreen` が同じ `<iframe>` 要素に指定されていた場合、このディレクティブが優先します。 -</div> +> **Note:** このディレクティブ (つまり `allow` 属性で設定したもの) と `allowfullscreen` 属性の両方が `<iframe>` 要素に存在する場合、このディレクティブが優先されます。以前は `fullscreen` ディレクティブが `allowfullscreen` 属性と同時に存在しないと動作しないバグがありましたが、Firefox 80 では修正されています ({{bug(1608358)}})。 ## 構文 -<pre class="syntaxbox">Feature-Policy: fullscreen <allowlist>;</pre> +``` +Feature-Policy: fullscreen <allowlist>; +``` - <dt><allowlist></dt> + - \<allowlist> - : この機能を許可するオリジンのリストです。 [`Feature-Policy`](/ja/docs/Web/HTTP/Headers/Feature-Policy#syntax) を参照してください。 -<h2 id="Examples" name="Examples">例</h2> +## 既定のポリシー + +`fullscreen` の既定の許可リストは `'self'` です。 + +## 例 -<h3 id="General_example" name="General_example">一般的な例</h3> +### 一般的な例 -SecureCorp Inc. は、自分自身のオリジンおよびオリジンが `https://example.com` のものを除いてすべての Fullscreen API を無効にしたがっているとします。以下の機能ポリシーを設定する HTTP レスポンスヘッダーを配信することで実現できます。 +SecureCorp Inc. は、自分自身のオリジンおよびオリジンが `https://example.com` のものを除いてすべての Fullscreen API を無効にしようとしているとします。以下の機能ポリシーを設定する HTTP レスポンスヘッダーを配信することで実現できます。 -<pre class="brush: bash">Feature-Policy: fullscreen 'self' https://example.com</pre> +``` +Feature-Policy: fullscreen 'self' https://example.com +``` -<h3 id="With_an_<iframe>_element" name="With_an_<iframe>_element"><iframe> 要素と</h3> +### \<iframe> 要素と -FastCorp Inc. は、特定の <iframe> を除いたすべての別オリジンの子フレームの `fullscreen` を無効にしたがっているとします。以下の機能ポリシーを設定する HTTP レスポンスヘッダーを配信することで実現できます。 +FastCorp Inc. は、特定の <iframe> を除いたすべての別オリジンの子フレームの `fullscreen` を無効にしようとしているとします。以下の機能ポリシーを設定する HTTP レスポンスヘッダーを配信することで実現できます。 -<pre class="brush: bash">Feature-Policy: fullscreen 'self'</pre> +``` +Feature-Policy: fullscreen 'self' +``` -それから `<iframe>` 要素に {{HTMLElement('iframe','allow','#Attributes')}} 属性を含めます。 +それから {{HTMLElement('iframe','allow','#Attributes')}} 属性を `<iframe>` 要素に含めます。 -<pre class="brush: html"><iframe src="https://other.com/videoplayer" allow="fullscreen"></iframe></pre> +```html +<iframe src="https://other.com/videoplayer" allow="fullscreen"></iframe> +``` iframe の属性は、選択的に特定のフレームの機能を有効にし、その他はたとえそれらのフレームが同じオリジンからきた文書を含んでいても無効にします。 ## 仕様書 -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Feature Policy')}}</td> - <td>{{Spec2('Feature Policy')}}</td> - <td>初回定義</td> - </tr> - <tr> - <td>{{SpecName('Fullscreen','#feature-policy-integration','Fullscreen')}}</td> - <td>{{Spec2('Feature Policy')}}</td> - <td>`fullscreen` ポリシーを定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2> - -{{Compat("http.headers.Feature-Policy.fullscreen")}} - -<h2 id="See_also">See also</h2> +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 - {{HTTPHeader("Feature-Policy")}} ヘッダー - [機能ポリシー](/ja/docs/Web/HTTP/Feature_Policy) |