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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。