This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The HTTP Feature-Policy
header autoplay
directive controls whether the current document is allowed to autoplay media requested through the HTMLMediaElement
interface. When this policy is enabled and there were no user gestures, the Promise
returned by HTMLMediaElement.play()
will reject with a DOMException
. The autoplay
attribute on <audio>
and <video>
elements will be ignored.
Feature-Policy: autoplay <allowlist>;
The allowlist is a list of origins that takes one of the following values:
*
: The feature is allowed by default in top-level browsing contexts and all nested browsing contexts (iframes).'self'
: (Default) The feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin. The feature is not allowed in cross-origin documents in nested browsing contexts.'none'
: The feature is disabled in top-level and nested browsing contexts.The values *
(enable for all origins) or 'none'
(disable for all origins) may only be used alone, while 'self'
may be used with one or more origins.
'self'
.Specification | Status | Comment |
---|---|---|
Feature Policy | Draft | Initial definition. |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | 64 | No | No | No | 51 | No |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | 64 | 64 | No | No | 51 | No | No |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Feature-Policy/autoplay