ตัวอย่าง
เครื่องเล่นเสียงที่มีสองไฟล์ที่มา เบราว์เซอร์ซึ่งควรเลือกไฟล์ (ถ้ามี) ก็มีการสนับสนุน:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
ลองตัวเอง» ความหมายและการใช้งาน
<source> แท็กจะใช้ในการระบุทรัพยากรสื่อหลายองค์ประกอบสื่อเช่น <video> และ <audio>
<source> แท็กช่วยให้คุณระบุไฟล์วิดีโอ / เสียงทางเลือกซึ่งเบราว์เซอร์อาจเลือกขึ้นอยู่กับประเภทของสื่อหรือการสนับสนุนตัวแปลงสัญญาณ
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่องค์ประกอบ
| ธาตุ | |||||
|---|---|---|---|---|---|
| <source> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
<source> แท็กใหม่ใน HTML5
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| media | media_query | ระบุชนิดของทรัพยากรสื่อ |
| src | URL | ระบุ URL ของไฟล์สื่อ |
| type | media_type | ระบุชนิดของสื่อทรัพยากรสื่อ |
แอตทริบิวต์ทั่วโลก
<source> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<source> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: วิดีโอ HTML5
กวดวิชา HTML: HTML5 และเสียง
อ้างอิง HTML DOM: วัตถุที่มา
ตั้งค่าเริ่มต้น CSS
ไม่มี.