Thẻ VIDEO trong HTML

• Ngọc Thanh
• 57
• 02/05/2025

Theo dõi Web Mới

Thẻ VIDEO trong HTML là một loại thẻ trong HTML dùng để liên kết và mở file video cho người dùng xem, file video có thể ở trên website của chính bạn, chi tiết như nào hãy cùng chúng tôi phân tích:

Thẻ VIDEO trong HTML

Thẻ VIDEO trong HTML là gì?

Thẻ VIDEO trong HTML là một loại thẻ trong HTML dùng để liên kết và mở file video cho người dùng xem, file video có thể ở trên website của chính bạn hoặc có thể file video nằm trên trang web khác.

Các thành phần có trong thẻ <video>

Thẻ source trong thẻ <video>

<video>
  <source src="file-video.mp4" type="video/mp4">
  <source src="file-video.ogg" type="video/ogg">
</video>

Thẻ source dùng để khai báo đường dẫn đến file video, trình duyệt sẽ đọc thẻ source đầu tiên mà nó hỗ trợ định dạng, các định dạng mà trình duyệt hỗ trợ như: mp4, ogg, WebM.

Chạy Thử

Thuộc tính width, height trong thẻ <video>

<video width="400" height="400">
  <source src="file-video.mp4" type="video/mp4">
  <source src="file-video.ogg" type="video/ogg">
</video>

Khởi tạo chiều rộng và chiều cao cho video.

Chạy Thử

Thuộc tính controls trong thẻ <video>

<video width="400" height="400" controls >
  <source src="file-video.mp4" type="video/mp4">
  <source src="file-video.ogg" type="video/ogg">
</video>

Thuộc tính controls dùng để hiển thị thanh công cụ cài đặt của video.

Chạy Thử

Thuộc tính autoplay trong thẻ <video>

<video width="400" height="400" controls autoplay >
  <source src="file-video.mp4" type="video/mp4">
  <source src="file-video.ogg" type="video/ogg">
</video>

Thuộc tính autoplay có chức năng tự động phát video.

Chạy Thử

Thuộc tính muted trong thẻ <video>

<video width="400" height="400" controls autoplay muted >
  <source src="file-video.mp4" type="video/mp4">
  <source src="file-video.ogg" type="video/ogg">
</video>

Thuộc tính muted có chức năng làm tắt tiếng video khi tự động phát.

Chạy Thử

Các định dạng file trong thẻ <video>

File Format	Media Type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ VIDEO trong HTML.

Ngọc Thanh

Chia sẻ nội dung đánh giá của bạn về Thẻ VIDEO trong HTML
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn