Tag video là một thẻ HTML được sử dụng để nhúng video vào trang web. Với tag này, chúng ta có thể chơi video trực tiếp trên trình duyệt mà không cần phải sử dụng các trình phát video bên ngoài.
Để nhúng một video vào trang web, chúng ta sử dụng thẻ <video>
. Dưới đây là cú pháp cơ bản của thẻ này:
<video src="đường_dẫn_đến_video" width="chiều_rộng" height="chiều_cao" controls></video>
Trong đó:
src
là thuộc tính để chỉ đường dẫn đến video.width
và height
là thuộc tính để chỉ định kích thước của video.controls
là thuộc tính để hiển thị các nút điều khiển như play, pause, và volume.
Dưới đây là một ví dụ về cách sử dụng tag video:
<video src="video.mp4" width="640" height="360" controls></video>
Trong ví dụ này, chúng ta nhúng một video có tên là "video.mp4" vào trang web. Video này sẽ có kích thước 640x360 và hiển thị các nút điều khiển.
Khi sử dụng tag video, trình duyệt sẽ tự động tìm kiếm các định dạng video được hỗ trợ và chọn định dạng phù hợp để phát. Điều này giúp đảm bảo rằng video có thể chạy trên mọi trình duyệt và thiết bị.
Ngoài ra, chúng ta cũng có thể thêm các thuộc tính khác vào thẻ <video>
để tùy chỉnh video theo ý muốn. Ví dụ, chúng ta có thể thêm thuộc tính autoplay
để video tự động phát khi trang web được tải, hoặc thuộc tính loop
để video lặp lại khi kết thúc.
<video src="video.mp4" width="640" height="360" autoplay loop></video>
Trên đây là giới thiệu về tag video trong HTML. Bằng cách sử dụng tag này, chúng ta có thể dễ dàng nhúng video vào trang web và tạo ra trải nghiệm tốt hơn cho người dùng.