fullscreen directive controls whether the current document is allowed to use
Element.requestFullScreen(). When this policy is enabled, the returned
Promise rejects with a
By default, top-level documents and their same-origin child frames can request and enter fullscreen mode. This directive allows or prevents cross-origin frames from using fullscreen mode. This includes same-origin frames.
If both this directive (i.e. via the
allow attribute) and the
allowfullscreen attribute are present on an
<iframe> element, this directive takes precedence. There was a bug whereby the
fullscreen directive didn't work unless the
allowfullscreen attribute was also present, but this has been fixed as of Firefox 80 (bug 1608358).
Feature-Policy: fullscreen <allowlist>;
- A list of origins for which the feature is allowed. See
Default allow list for
SecureCorp Inc. wants to disable the Fullscreen API within all browsing contexts except for its own origin and those whose origin is
https://example.com. It can do so by delivering the following HTTP response header to define a feature policy:
Feature-Policy: fullscreen 'self' https://example.com
FastCorp Inc. wants to disable
fullscreen for all cross-origin child frames, except for a specific <iframe>. It can do so by delivering the following HTTP response header to define a feature policy:
Feature-Policy: fullscreen 'self'
Then include an allow attribute on the
<iframe src="https://other.com/videoplayer" allow="fullscreen"></iframe>
iframe attributes can selectively enable features in certain frames, and not in others, even if those frames contain documents from the same origin.
|Fullscreen API Standard (Fullscreen API)|
BCD tables only load in the browser