Hướng dẫn chèn hình ảnh âm thanh html

Các thẻ này ra đời góp phần làm cho các lập trình viên có thể xử lý đa phương tiện với nội dung đồ họa trên web mà không cần phải dùng đến quyền sở hữu bổ sung và APIs. Vậy thẻ

1. HTML5 Video

Để chèn một Video vào trang web chúng ta có thể sử dụng thẻ

Ví dụ:

Trong đó:

• type: định dạng của file video.
• video/mp4: định dạng MP4.
• video/webm: định dạng WebM.
• video/ogg: định dạng OGG.

Kết quả:

Bên cạnh đó HTML5 cũng cung cấp một số thuộc tính giúp các lập trình viên có thể tùy chỉnh việc hiển thị các chức năng khác của video như sau:

2. HTML5 Audio

Để chèn một Audio vào trang web chúng ta làm tương tự như khi chèn video như sau:

Ví dụ:

Trong đó:

• type: định dạng của file âm thanh.
• audio/mpeg: định dạng MP3.
• audio/ogg: định dạng OGG.
• audio/wav: định dạng WAV.

Kết quả:

Ngoài ra thẻ audio cũng có một số thuộc tính khác bạn có thể sử dụng như:

Vậy là bài viết cuối cùng về HTML đã khép lại, ở các bài học sau chúng ta sẽ cùng nhau tìm hiểu về CSS. Nếu bạn có khó khăn thi thực hành các ví dụ về bài học bạn có thể tham khảo tại đây. Bạn có thể đặt câu hỏi trao đổi về bài học, góp phần cho sự phát triển của cộng đồng lập trình tại

Do bạn không biết người dùng (khách ghé thăm) trang web của bạn sẽ sử dụng trình duyệt (web browser) nào? Phiên bản mới hay cũ? Có hỗ trợ định dạng video nào hay không? Để xử lý tốt tình huống này, chúng ta sẽ chuẩn bị nhiều định dạng video, và khai báo lần lượt theo thứ tự ưu tiên bằng thẻ

4 lồng bên trong thẻ

8. Khi đó, trình duyệt (web browser) của người dùng sẽ: