Cách chèn Video vào trang web bằng HTML5

Minh Dũ xin giới thiệu với các bạn một số thành phần mới trong HTML5 với thẻ Video.


Cú pháp cơ bản:
<video src="file-video.mp4" autoplay controls></video>
autoplay: cho phép tự động chơi video khi ta vào web lúc video đó sẵn sàng
controls: cho phép hiện thanh điều khiển của video
src: đường dẫn đến tập tin của video cần phát.
loop: tiếp tục phát lại video đó khi video kết thúc.
width: xác định độ rộng của video.
height: xác định chiều cao của video.
audio: xác định trạng thái âm thanh ở đây nếu giá trị của nó là muted tức là tắt âm thanh của video.
poster: ảnh poster (ảnh đại diện) ban đầu của video.
preload: cho phép tại đoạn video ngay cả khi tải trang web giúp rút nhắn thời gian tải video.

Cú pháp chạy nhiều loại định dạng file video trong HTML5
<video controls>
    <source src="file-video.pm4" type="video/mp4">
    <source src="file-video.ogg" type="video/ogg">
    <source src="file-video.avi" type="video/avi">
</video> 
với cú pháp này thì nó sẻ hay hơn cú pháp trước. vì nó có thể chạy được nhiều định dạng file.

Lời kết : Kết thúc bài hôm nay Dũ nghĩ các bạn cũng đã nắm rỏ được Cách chèn Video vào trang web bằng HTML5. Chúc các bạn thành công!

Chia Sẻ

Bài viết liên quan

Previous
Next Post »