HTML Video

Video HTML là gì?

Video HTML là một phần tử trong HTML, nó được dùng để hiển thị video, movie vào trang web.

Phần tử HTML <video> cho phép các nhà phát triển nhúng nội dung video vào trang web và có thể điều khiển phát, tạm dừng, điều khiển âm lượng âm thanh (play, pause, volume control) thông qua các phương thức, thuộc tính của video hoặc thông qua Javascript.

Ví dụ hiển thị một video trong trang web như sau:

Cách sử dụng Video <video> trong HTML.

Để hiển thị một video trong HTML bạn sử dụng thẻ <video>.

Cú pháp sử dụng thẻ <video> như sau:

Cú pháp

Your browser does not support the video tag.

</video>

Các thuộc tính của phần tử <video>

Phần tử <video> có các thuộc tính như: controls, , autoplay, loop, muted, poster, source, src...

- controls: cho phép thêm các điều khiển video như phát, tạm dựng và âm lượng âm thanh.

- width, height: Cho phép thiết lập kích thước của video.

- autoplay : Cho phép tự động phát video.

- muted: Tắt tiếng video

- loop: Cho phép phát lặp lại video.

- poster: Hình ảnh hiển thị trong khi video đang tải xuống hoặc khi người dùng nhấn nút phát (play).

- source, src: là đường dẫn tới file video

- type: kiểu định dạng của video.

Các định dạng file Video.

Các định dạng video được sử dụng phổ biến như : MP4, WebM, Ogg.

MP4: là một định dạng video phổ biến rộng dãi.

WebM: là định dạng video được sử dụng với hiệu suất nén tốt.

Ogg: là một định dạng mở rộng, nó có khả năng tương thích tốt.

Ứng dụng của Video

Video thường được ứng dụng trong các ứng dụng như:

Video ứng dụng để trình chiếu các phim ảnh movie.

Video để thể hiện các nội dung movie cho các trang web phim điện ảnh hoặc các trang ca nhạc giải trí.

Video để trình chiếu các nội dung cho dịch vụ quảng cáo như youtube, facebook, tiktok...

Video được ứng dụng trong các ứng dụng về điều khiển giám sát camera hoặc các ứng dụng ý tế.