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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。