HTML DOM Audio crossOrigin屬性用法及代碼示例

HTML DOM Audio crossOrigin 屬性用於設置或返回 <audio> 元素的 crossorigin 屬性的值。該屬性用於指定從第三方服務器獲取或加載樣式表或圖標文件時的 HTTP CORS 請求。

用法:

它返回cross-origin屬性。

audioObject.crossOrigin;

它用於設置cross-origin屬性。

audioObject.crossorigin="anonymous | use-credentials;

屬性值

anonymous：有默認值。它定義將發送 CORS 請求而不傳遞憑據信息。
use-credentials:將發送帶有憑據、cookie 和證書的 cross-origin 請求。

示例 1：下麵的 HTML 代碼返回音頻 cross-origin 屬性。

HTML


<!DOCTYPE html> 
<html> 
  
<body> 
    <center> 
        <h1 style="color:green">GeeksforGeeks</h1> 
        <h2>HTML DOM Audio crossOrigin Property</h2> 
  
  
        <audio id="audio" controls crossorigin="anonymous" autoplay> 
            <source id="mp4_src"
                src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190531165842/Recording1514.ogg"
                type="audio/mp3"> 
  
            <source id="ogg_src" src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190625153922/frog.mp3"
                type="audio/ogg"> 
        </audio> 
        <br> 
        <button onclick="my_Geek()"> 
            Return crossorigin property 
        </button> 
        <p id="sudo"></p> 
  
  
        <script> 
            function my_Geek() { 
                var cors = document.getElementById("audio").crossOrigin; 
                document.getElementById("sudo").innerHTML = cors; 
            }          
        </script> 
    </center> 
</body> 
  
</html>

輸出

支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML DOM Audio crossOrigin Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。