HTML crossorigin属性用法及代码示例

CORS 代表 cross-origin 资源共享。它是一种机制，通过该机制，一个网页向另一个域请求从第三方服务器获取音频、视频、脚本等资源，而不会泄露其凭据信息。如果指定，将使用或不使用凭据发送请求。

crossorigin 属性用于定义是否支持 CORS 请求。从另一个域或第三方服务器获取资源时。它包括音频等资源。视频、图片。链接和脚本。它用于处理 CORS 请求，检查是否允许共享来自其他域的资源是安全的。

用法：用于<audio>、<video>、<link>、<img>、<script>等很多元素。

用法:

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

属性值：

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

例：下面的代码说明了在 <audio> 元素中使用 crossorigin 属性。

HTML


<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML crossorigin Attribute
    </title>
</head>
  
<body>
    <center>
    <h1>GeeksforGeeks</h1>
  
    <h2>HTML crossorigin Attribute</h2>
  
          
<p>Audio Sample</p>
  
  
    <!-- Use of crossorigin attribute in audio element -->
    <audio  crossorigin="anonymous" controls>
        <source src="test.mp3" type="audio/mp3">
        <source src="test.ogg" type="audio/ogg">
    </audio>
    <!-- audio tag ends here -->
</body>
  
</html>

输出：

支持的浏览器：

谷歌浏览器 30.0
火狐13.0
互联网浏览器 18.0
Opera 12.0
Safari 1.0

相关用法

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