Giới thiệu

Tag <source> là một tag HTML được sử dụng để xác định nguồn dữ liệu đa phương tiện cho các phần tử như <audio> và <video>. Tag này cho phép bạn chỉ định nhiều nguồn dữ liệu khác nhau để trình duyệt có thể chọn nguồn phù hợp để phát lại.

Cú pháp

Cú pháp của tag <source> như sau:

<source src="URL" type="media_type">

Trong đó:

• src là thuộc tính bắt buộc và chỉ định URL của nguồn dữ liệu.
• type là thuộc tính bắt buộc và chỉ định kiểu đa phương tiện của nguồn dữ liệu.

Ví dụ

Dưới đây là một ví dụ về việc sử dụng tag <source> trong một phần tử <video>:

<video controls>
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  Your browser does not support the video tag.
</video>

Trong ví dụ trên, chúng ta đã chỉ định hai nguồn dữ liệu video khác nhau (video.mp4 và video.webm) với hai kiểu đa phương tiện tương ứng (video/mp4 và video/webm). Trình duyệt sẽ chọn nguồn dữ liệu phù hợp để phát lại dựa trên khả năng hỗ trợ của nó.

Giải thích

Tag <source> cho phép chúng ta cung cấp nhiều nguồn dữ liệu đa phương tiện để đảm bảo rằng video hoặc âm thanh có thể được phát lại trên nhiều trình duyệt và thiết bị khác nhau. Trình duyệt sẽ lần lượt kiểm tra từng nguồn dữ liệu được chỉ định trong tag <source> và chọn nguồn dữ liệu đầu tiên mà nó hỗ trợ.

Nếu trình duyệt không hỗ trợ bất kỳ nguồn dữ liệu nào được chỉ định trong tag <source>, nội dung được đặt trong thẻ mở và đóng của phần tử <video> sẽ được hiển thị. Điều này cho phép chúng ta cung cấp một thông báo dự phòng hoặc một liên kết để người dùng tải xuống nguồn dữ liệu.

Việc sử dụng tag <source> giúp đảm bảo tính tương thích và khả năng phát lại đa nền tảng cho các phần tử đa phương tiện trong HTML.