当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

HTML DOM Video crossOrigin属性用法及代码示例


HTML DOM Video crossOrigin 属性用于设置或返回 <video> 元素的 crossorigin 属性的值。该属性用于指定从第三方服务器获取或加载样式表或图标文件时的 HTTP CORS 请求。

用法:

  • 它返回cross-origin属性。
videoObject.crossOrigin;
  • 它用于设置cross-origin属性。
videoObject.crossorigin="anonymous | use-credentials;

属性值

  • anonymous:它有一个默认值。它定义了将在不传递凭据信息的情况下发送 CORS 请求
  • use-credentials:将发送带有凭据、cookie 和证书的 cross-origin 请求。

示例 1：下面的 HTML 代码返回视频 cross-origin 属性。

HTML


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

输出：

支持的浏览器：该浏览器支持DOM 视频跨源属性y 列于下方：

  • 谷歌浏览器
  • IE浏览器
  • Firefox
  • Opera
  • Safari


相关用法


注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML DOM Video crossOrigin Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。