Học web giá rẻ, chất lượng, uy tín, học các công nghệ thiết kế web mới nhất: HTML5, CSS3, RWD, JQUERY, PHP, MYSQL vv...tại hocwebgiare.com

1. HTML5
(Hypertext Markup Language Version 5)
Một số thành phần mới trong HTML5
Thẻ video
• Dùng để chèn video vào trang web sử dụng HTML5.
• Hỗ trợ chơi được các dạng video phổ biến như: mp4,ogg,webm và
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài
tuỳ thuộc vào trình duyệt.

2. HTML5
(Hypertext Markup Language Version 5)
Các trình duyệt hỗ trợ thẻ video HTML5
• Internet Explorer 9+, Firefox, Opera, Chrome, và Safari hỗ
trợ thẻ <video>
• Chú ý : Internet Explorer 8 và các phiên bản trước đó
không hỗ trợ thẻ <video>.
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

3. HTML5
(Hypertext Markup Language Version 5)
Các định dạng video mà trình duyệt hỗ trợ
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

4. HTML5
(Hypertext Markup Language Version 5)
Các kiểu MINE-Type cho định dạng video
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

5. HTML5
(Hypertext Markup Language Version 5)
Một số thành phần mới trong HTML5
Thẻ video
• Cú pháp:
<video src=“file.mp4” autoplay controls></video>
• autoplay: cho phép tự chơi tự động khi video đã sẳn sàng.
• controls: cho phép hiện thanh điều khiển video.
• src: đường dẫn tới tập tin video.
• loop: lặp lại video khi kết thúc
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

6. HTML5
(Hypertext Markup Language Version 5)
Một số thành phần mới trong HTML5
Thẻ video
• 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 của âm thanh. Nếu giá trị là muted sẽ là
tắt âm thanh của video.
• poster: ảnh poster ban đầu của video.
• preload: cho phép tải đoạn video ngay cả khi tải trang web, giúp
giảm thời gian tải video
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

7. HTML5
(Hypertext Markup Language Version 5)
Một số thành phần mới trong HTML5
Thẻ video
• Cú pháp:
<video controls>
<source src=“file.mp4” type=“video/mp4”>
<source src=“file.ogg” type=“video/ogg”>
</video>
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài

8. HTML5
(Hypertext Markup Language Version 5)
Các thẻ mới của HTML5
TAKE ACTION
Copyright by hocwebgiare.com – Giáo viên: Nguyễn Phát Tài