Video HTML
Phần tử HTML <video>được sử dụng để hiển thị video trên trang web.
Phần tử <video> HTML
Để hiển thị video trong HTML, hãy sử dụng <video>phần tử:
Thí dụ
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Làm thế nào nó hoạt động
Thuộc controlstính này thêm các điều khiển video, như phát, tạm dừng và âm lượng.
Bạn nên luôn bao gồm widthvà heightcác thuộc tính. Nếu chiều cao và chiều rộng không được đặt, trang có thể nhấp nháy trong khi tải video.
Phần <source>tử cho phép bạn chỉ định các tệp video thay thế mà trình duyệt có thể chọn. Trình duyệt sẽ sử dụng định dạng được nhận dạng đầu tiên.
Văn bản giữa các thẻ <video>và </video>sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ <video>phần tử.
HTML <video> Tự động phát
Để tự động bắt đầu một video, hãy sử dụng autoplaythuộc tính:
Thí dụ
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Lưu ý: Trong hầu hết các trường hợp, trình duyệt Chromium không cho phép tự động phát. Tuy nhiên, luôn cho phép tự động phát bị tắt tiếng.
Thêm mutedsau
autoplayđể video của bạn bắt đầu tự động phát (nhưng bị tắt tiếng):
Thí dụ
<video width="320" height="240" autoplay muted>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ
<video>phần tử.
| Element | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Định dạng video HTML
Có ba định dạng video được hỗ trợ: MP4, WebM và Ogg. Trình duyệt hỗ trợ các định dạng khác nhau là:
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Edge | YES | YES | YES |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
Video HTML - Các loại phương tiện
| File Format | Media Type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
Video HTML - Phương thức, Thuộc tính và Sự kiện
DOM HTML xác định các phương thức, thuộc tính và sự kiện cho <video>phần tử.
Điều này cho phép bạn tải, phát và tạm dừng video cũng như đặt thời lượng và âm lượng.
Ngoài ra còn có các sự kiện DOM có thể thông báo cho bạn khi video bắt đầu phát, bị tạm dừng, v.v.
Để có tài liệu tham khảo đầy đủ về DOM, hãy truy cập Tài liệu tham khảo DOM Audio / Video HTML của chúng tôi .
Thẻ video HTML
| Tag | Description |
|---|---|
| <video> | Defines a video or movie |
| <source> | Defines multiple media resources for media elements, such as <video> and <audio> |
| <track> | Defines text tracks in media players |