Thẻ HTML <video>
Định nghĩa và cách sử dụng thẻ <video>
Thẻ <video>
được sử dụng để nhúng nội dung video vào tài liệu, chẳng hạn như đoạn phim hoặc các stream video khác. Ví dụ để phát video:
<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>
Thẻ <video>
chứa một hoặc nhiều thẻ <source> với các nguồn video khác nhau. Trình duyệt sẽ chọn nguồn đầu tiên mà nó hỗ trợ.
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ợ phần tử <video>
. Có 3 định dạng video được hỗ trợ trong HTML: MP4, WebM và OGG.
Trình duyệt | MP4 | WebM | Ogg |
---|---|---|---|
Edge | CÓ | CÓ | CÓ |
Chrome | CÓ | CÓ | CÓ |
Firefox | CÓ | CÓ | CÓ |
Safari | CÓ | CÓ | KHÔNG |
Opera | CÓ | CÓ | CÓ |
Mẹo: Đối với file âm thanh, hãy xem thẻ <audio>.
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 đủ phần tử.
Phần tử <video> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
Thuộc tính tùy chọn
Thuộc tính | Giá trị | Mô tả |
---|---|---|
autoplay | autoplay | Chỉ định rằng video sẽ bắt đầu phát ngay khi nó sẵn sàng |
controls | controls | Chỉ định các nút điều khiển video sẽ được hiển thị (chẳng hạn như nút phát/tạm dừng, v.v...). |
height | pixels | Đặt chiều cao của trình phát video |
loop | loop | Chỉ định rằng video sẽ bắt đầu lại mỗi khi nó kết thúc |
muted | muted | Chỉ định rằng đầu ra âm thanh của video phải bị tắt tiếng |
poster | URL | Chỉ định hình ảnh sẽ hiển thị trong khi video đang tải xuống hoặc cho đến khi người dùng nhấn nút phát |
preload | auto metadata none | Chỉ rõ liệu tác giả có nghĩ rằng video sẽ được tải khi trang load hay không và load như thế nào |
src | URL | Chỉ định URL của file video |
width | pixels | Thiết lập chiều rộng của trình phát video |
Thuộc tính Global
Thẻ <source>
cũng hỗ trợ thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <source>
cũng hỗ trợ thuộc tính sự kiện trong HTML.
Cài đặt CSS mặc định
Không có.
61
Bạn nên đọc
0 Bình luận
Sắp xếp theo
Xóa Đăng nhập để Gửi
Cũ vẫn chất
-
Code Rise Of Kingdoms mới nhất 10/2024
Hôm qua -
101 câu nói hay về bảo vệ môi trường, khẩu hiệu bảo vệ môi trường truyền động lực
Hôm qua 2 -
10 ứng dụng tốt nhất thay thế Zenly
Hôm qua -
Cách chạy chương trình Java từ Command Prompt
Hôm qua -
Hàm list() trong Python
Hôm qua -
Regular Expression (RegEx) trong Python
Hôm qua 11 -
Cách xóa phông online, xóa background ảnh cực dễ
Hôm qua 3 -
30 bài thơ về con vật, bài đồng dao về con vật ngắn gọn, hay cho bé
Hôm qua -
Cách cài tiếng Việt cho Telegram rất đơn giản
Hôm qua -
Tổng hợp cheat code Dude Theft Wars và cách nhập cheat Dude Theft Wars
Hôm qua 5