HTML có hỗ trợ âm thanh và video không?

Có rất nhiều cách để thêm và phát video trong trang web, cách đây vài năm, cách duy nhất là sử dụng các plugin bên ngoài như Flash, cuối cùng HTML5 đã giới thiệu thẻ để giúp công việc của nhà phát triển trở nên dễ dàng và có cách tiêu chuẩn để nhúng video vào tệp HTML

Thẻ hoạt động tương tự như thẻ, một hoặc nhiều nguồn có thể được đặt giữa mở và đóng thẻ để bao quát khả năng tương thích trình duyệt rộng hơn

Có 3 định dạng video được hỗ trợ. MP4, WebM và Ogg. MP4 được hỗ trợ trong tất cả các trình duyệt hiện đại trong khi định dạng WebM và Ogg vẫn có một số vấn đề không tương thích với các phiên bản Safari và Internet Explorer cũ hơn

Các thuộc tính của thẻ rất giống với thuộc tính trong thẻ âm thanh

- điều khiển hiển thị bảng điều khiển với nút phát/tạm dừng, nút toàn màn hình và âm lượng
- tự động phát chỉ định cho trình duyệt phát video ngay khi được tải
- chiều rộng và chiều cao được sử dụng để đặt kích thước của video tính bằng pixel
- vòng lặp được sử dụng khi chúng tôi muốn bắt đầu lại video ngay sau khi kết thúc
- tắt tiếng phát video ở chế độ tắt tiếng như mặc định, người dùng có thể bật âm thanh thông qua bảng điều khiển
- tải trước xác định thời điểm tải video sẽ được thực hiện thông qua các giá trị tự động, không có và siêu dữ liệu
- áp phích xác định hình ảnh sẽ được hiển thị trong khi video đang tải, một URL cần được đặt làm giá trị của thuộc tính

Điều quan trọng cần hiểu là trình duyệt không thể phát bất kỳ tệp video nào trừ khi máy tính cài đặt codec video thích hợp, may mắn là trong thời đại Netflix này, tất cả các máy tính đều đã cài đặt codec âm thanh/video hiện đại nhất

HTML cho phép chúng tôi tạo trình phát video và âm thanh dựa trên tiêu chuẩn không yêu cầu sử dụng bất kỳ plugin nào. Thêm video và âm thanh vào trang web gần như dễ dàng như thêm hình ảnh hoặc định dạng một số văn bản

Có hai cách khác nhau để bao gồm các phần tử video. Chúng tôi sẽ thảo luận về cả hai dưới đây

Phần tử video

Phần tử cho phép chúng ta nhúng các tệp video vào HTML, rất giống với cách nhúng hình ảnh

Các thuộc tính chúng ta có thể bao gồm là

• src Thuộc tính này là viết tắt của nguồn, rất giống với thuộc tính src được sử dụng trong phần tử hình ảnh. Chúng tôi sẽ thêm liên kết đến tệp video trong thuộc tính src
• type Đây sẽ là video/mp4 vì. mp4 là định dạng của video chúng tôi đang sử dụng. Chúng tôi cũng có thể sử dụng các định dạng video khác nhau như. ogg hoặc. webm thì giá trị của thuộc tính type sẽ lần lượt thay đổi thành video/ogg hoặc video/WebM

Ghi chú. một số định dạng video phổ biến là WebM, Ogg, MP4

|-- project    |-- audio      |-- sample.mp3      |-- sample.ogg    |-- css      |-- main.css      |-- normalize.css    index.html

|-- project    |-- audio      |-- sample.mp3      |-- sample.ogg    |-- css      |-- main.css      |-- normalize.css    index.html

|-- project    |-- audio      |-- sample.mp3      |-- sample.ogg    |-- css      |-- main.css      |-- normalize.css    index.html

|-- project    |-- audio      |-- sample.mp3      |-- sample.ogg    |-- css      |-- main.css      |-- normalize.css    index.html

|-- project    |-- audio      |-- sample.mp3      |-- sample.ogg    |-- css      |-- main.css      |-- normalize.css    index.html