Skip to content
Related Articles

Related Articles

HTML DOM Video crossOrigin Property

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 11 Apr, 2022

The HTML DOM Video crossOrigin property is used to set or return the value of the crossorigin attribute of the <video> element. This attribute is used for specifying the HTTP CORS request when fetching or loading the stylesheet or icon files from the third-party server.


  • It returns the cross-origin property.
  • It is used to set the cross-origin property.
videoObject.crossorigin="anonymous | use-credentials;  

Property Values

  • anonymous: It has a default value. It defines a CORS request will be sent without passing the credentials information
  • use-credentials: A cross-origin request will be sent with credentials, cookies, and certificate.    

Example 1: Below HTML code returns the video cross-origin property.    


<!DOCTYPE html>
        DOM Video crossOrigin Property
<body style="text-align: center">
    <h1 style="color: green"> GeeksforGeeks</h1>
    <h2 style="font-family: Impact">
          Video crossOrigin Property
    <video id="Test_Video" width="360" height="240"
           src="sample video.ogg" crossOrigin="anonymous"
    <button ondblclick="My_Video()">
    <p id="test"></p>
        function My_Video() {
            var cors = document.getElementById("Test_Video").crossOrigin;
            document.getElementById("test").innerHTML = cors;



Supported Browsers: The browser is supported by DOM  video crossOrigin Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!