index.md

---

title: "CSP: media-src"
slug: Web/HTTP/Headers/Content-Security-Policy/media-src
browser-compat: http.headers.Content-Security-Policy.media-src

---

{{HTTPSidebar}}

The HTTP {{HTTPHeader("Content-Security-Policy")}} (CSP) media-src directive specifies valid sources for loading media using the {{HTMLElement("audio")}} and {{HTMLElement("video")}} elements.

CSP version	1
Directive type	{{Glossary("Fetch directive")}}
{{CSP("default-src")}} fallback	Yes. If this directive is absent, the user agent will look for the default-src directive.

Syntax

One or more sources can be allowed for the media-src policy:

Content-Security-Policy: media-src <source>;
Content-Security-Policy: media-src <source> <source>;

Sources

<source> can be any one of the values listed in CSP Source Values.

Note that this same set of values can be used in all {{Glossary("fetch directive", "fetch directives")}} (and a number of other directives).

Examples

Violation cases

Given this CSP header:

Content-Security-Policy: media-src https://example.com/

The following {{HTMLElement("audio")}}, {{HTMLElement("video")}} and {{HTMLElement("track")}} elements are blocked and won't load:

<audio src="https://not-example.com/audio"></audio>

<video src="https://not-example.com/video">
  <track kind="subtitles" src="https://not-example.com/subtitles" />
</video>

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{HTTPHeader("Content-Security-Policy")}}

• {{HTMLElement("audio")}}, {{HTMLElement("video")}} and {{HTMLElement("track")}}