HTML <source> type属性用法及代码示例

HTML <source>类型属性用于指定媒体资源的MIME类型。

用法:

<source type="media_type">

属性值：它包含单个值MIME_type，用于指定媒体资源的MIME_type。很少的MIME类型是video /ogg，videomp4，audio /ogg等。

范例1：此示例说明在音频文件中使用<source> type属性。

<!DOCTYPE html>  
<html>  
  
<head>  
    <title> 
        HTML source type Attribute 
    </title> 
</head>  
  
<body style="text-align:center;">  
      
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1>  
      
    <h3>HTML Source type Attribute</h3>  
      
    <audio controls>  
        <source src= 
"https://contribute.geeksforgeeks.org/wp-content/uploads/11.wav"
            type="audio/mpeg">  
    </audio>  
</body>  
  
</html>

输出：

范例2：此示例说明了视频文件的<source> type属性。

<!DOCTYPE html>  
<html>  
  
<head>  
    <title> 
        HTML source type Attribute 
    </title> 
</head>  
  
<body style="text-align:center;">  
      
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1>   
      
    <video width="420" height="240" controls> 
        <source src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190614120700/20190614_112020.mp4"
            type="video/mp4">  
    </video>  
</body>  
  
</html>

输出：

支持的浏览器：

谷歌浏览器4.0
Internet Explore 9.0
Mozila Firefox 3.5
Safari 4.0
Opera 10.5

相关用法

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