HTML <video> crossorigin Attribute

The crossorigin attribute on n <video> tag specifies that CORS is supported when loading video files from a third party server or domain.

Example

#

A crossorigin attribute on an <video> tag.
With this attribute, the video player supports CORS. No credentials are sent when video files are retrieved.

<video crossorigin="anonymous" width="320" controls>
  <source src="/media/movie.mp4" type="video/mp4">
  <source src="/media/movie.ogg" type="video/ogg">
</video>

Note: the example video files are not retrieved from a third party server, but you get the idea.


Using crossorigin

The crossorigin attribute specifies that the video element supports CORS.

CORS stands for Cross Origin Resource Sharing.

CORS is a standard mechanism to retrieve files from a third party domain or server.

If specified, the video file request will be sent with or without credentials.

Note:  This attribute is only relevant when the video is retrieved from a third party server. Do not use this attribute when these files are on your own server.


Syntax

<video crossorigin="anonymous | use-credentials">

Values

#

Value Description
anonymous or "" or blank A cross-origin request will be sent without credentials and performs basic HTTP authentication. This is the default. Note: crossorigin="anonymous", crossorigin="", and crossorigin are all the same.
use-credentials A cross-origin request will be sent with credentials, cookies, and certificate.

Browser support

Here is when crossorigin support started for each browser:

Chrome
30.0 Sep 2013
Firefox
13.0 Jun 2012
IE/Edge
18.0 Jan 2020
Opera
12.0 Jun 2012
Safari
1.0 Jan 2003

You may also like

 Back to <video>
Guides