HTML中的<source>標記用於附加多媒體文件,例如音頻,視頻和圖片。 <audio>,<video>和<picture>元素包含<source>元素。
用法:
<source src="" type=""> // Statements </source>
屬性:該標簽包含上述和以下所述的五個屬性:
- src:它用於保留媒體內容的路徑。
- type:它用於定義媒體內容的類型。
- srcset:用於指定在不同情況下使用的圖像的URL。
- sizes:用於指定不同頁麵布局中圖像的尺寸。
- type:用於指定MIME-type資源。
以下示例說明了HTML中的<source>標記:
範例1:本示例將<source>標記與視頻媒體文件一起使用。
<!DOCTYPE html>
<html>
<head>
<title>
HTML source Tag
</title>
</head>
<body>
<h1 style="color:green;">GeeksforGeeks</h1>
<h2>HTML <source> Tag</h2>
<video width="400" height="350" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
</video>
</body>
</html>
輸出:
範例2:本示例對音頻媒體文件使用<source>標簽。
<!DOCTYPE html>
<html>
<head>
<title>
HTML source Tag
</title>
</head>
<body>
<h1 style="color:green;">GeeksforGeeks</h1>
<h2>HTML <source> Tag</h2>
<audio controls>
<source src="audio.mp3" type="audio/mp3">
</audio>
</body>
</html>
輸出:
支持的瀏覽器:下麵列出了HTML <source>標簽支持的瀏覽器:
- 穀歌瀏覽器4.0
- Internet Explorer 9.0
- Firefox 3.5
- Safari 4.0
- Opera 10.5
相關用法
- HTML <html>用法及代碼示例
- HTML <section>用法及代碼示例
- HTML Style用法及代碼示例
- HTML <marquee>用法及代碼示例
- HTML <noframes>用法及代碼示例
- HTML <picture>用法及代碼示例
- HTML <font>用法及代碼示例
- HTML <hgroup>用法及代碼示例
- HTML <q>用法及代碼示例
- HTML Object用法及代碼示例
- HTML Phrase用法及代碼示例
- HTML <hr>用法及代碼示例
- HTML <nav>用法及代碼示例
- HTML <Meta>用法及代碼示例
- HTML <optgroup>用法及代碼示例
- HTML <frame>用法及代碼示例
- HTML <main>用法及代碼示例
注:本文由純淨天空篩選整理自skyridetim大神的英文原創作品 HTML | <source> Tag。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。