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