Permissions policy
allow は HTMLIFrameElement インターフェイスのプロパティで、この <iframe> 要素に対して指定された権限ポリシーを示します。このポリシーは、リクエストのオリジンに基づいて、この <iframe> 要素で利用できる機能（例えば、 microphone、camera、battery、web-share などへのアクセス）を定義します。
allow 属性で指定する権限ポリシーは、Permissions-Policy ヘッダーで指定するポリシーの上位にさらに制限を実装します。 置き換えるものではありません。
詳しくは <iframe> の権限ポリシーの構文を参照してください。
これは <iframe> 要素の allow 属性を反映します。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 88 | 88 | | | 88 | | |
| HTML 属性 | ||||||
allow | 60 | 79 | 74 | 11.1 | 60 | 11.3 |
| DOM API | ||||||
| allow は HTMLIFrameElement インターフェイスのプロパティで、この 要素に対して指定された権限ポリシーを示します。このポリシーは、リクエストのオリジンに基づいて、この 要素で利用できる機能（例えば、 microphone、camera、battery、web-share などへのアクセス）を定義します。 | 60 | 79 | 74 | 11.1 | 60 | 11.3 |
| その他 | ||||||
http.headers.Permissions-Policy.wildcards 実験的 許可リスト起源のワイルドカード | 108 | 108 | | | 108 | |
基本構文
HTML
<!-- iframeのPermissions Policy -->
<iframe src="https://example.com"
allow="camera 'self'; microphone 'none'; geolocation 'none'">
</iframe>
<!-- HTTPヘッダー: Permissions-Policy: camera=(), microphone=() -->実務での使いどころ
-
Permissions policy の活用
allow は HTMLIFrameElement インターフェイスのプロパティで、この <iframe> 要素に対して指定された権限ポリシーを示します。
注意点
- 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。