Thẻ HTML <source> dùng để định nghĩa tài nguyên đa phương tiện cho phần tử <audio> và <video>. Trình duyệt có thể lựa chọn từ source dựa trên loại media và hỗ trợ codec.
Ví dụ
Bạn có thể chạy mã sau để tạo tài nguyên đa phương tiện cho phần tử media, định nghĩa trong video hoặc audio trong HTML5:
<!Doctype html>
<html>
<head>
<title>HTML source Tag</title>
</head>
<body>
<audio controls>
<source src="yourfile.mp3" type="audio/mpeg">
<source src="yourfile.ogg" type="audio/ogg">
<p>Trình duyệt không hỗ trợ file âm thanh</p>
</audio>
</body>
</html>
Thuộc tính bổ sung của <source>:
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| media | media_query | Định nghĩa loại tài nguyên media |
| src | URL | URL của file media |
| type | media_type | Loại media của tài nguyên (MIME type) |
Lưu ý: Nên cung cấp nhiều <source> với định dạng khác nhau (MP3, OGG, WebM) để tương thích đa trình duyệt. Thuộc tính type giúp trình duyệt bỏ qua định dạng không hỗ trợ mà không phải tải xuống.