Phần tử HTML được sử dụng để hiển thị video trên trang web.
Phần tử HTML
Để hiển thị video trong HTML, hãy sử dụng phần tử :
Thí dụ
& nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video.
Your browser does not support the video tag.
Hãy tự mình thử »
Làm thế nào nó hoạt động
Thuộc tính controls
thêm các điều khiển video, như chơi, tạm dừng và âm lượng.
Đó là một ý tưởng tốt để luôn bao gồm các thuộc tính width
và height
. Nếu chiều cao và chiều rộng không được đặt, trang có thể nhấp nháy trong khi video tải.
Phần 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 công nhận đầu tiên.
Văn bản giữa các thẻ và
sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử
.
HTML Autoplay
Để tự động bắt đầu video, hãy sử dụng thuộc tính autoplay
:
Thí dụ
& nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video.
Your browser does not
support the video tag.
Hãy tự mình thử »
Làm thế nào nó hoạt động Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed.
Thuộc tính controls
thêm các điều khiển video, như chơi, tạm dừng và âm lượng.
Thí dụ
& nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video.
Your browser does not support the video tag.
Hãy tự mình thử »
Làm thế nào nó hoạt động
Thuộc tính controls
thêm các điều khiển video, như chơi, tạm dừng và âm lượng.
Phần 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 công nhận đầu tiên. | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Văn bản giữa các thẻ
và
sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử
.
HTML Autoplay
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ử . | 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ử . | 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ử . |
Yếu 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ử . | 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ử . | 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ử . |
Yếu 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ử . | 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ử . | 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ử . |
Yếu 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ử . | 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ử . | Yếu tố |
Opera | 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ử . | 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ử . | 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ử . |
Yếu tố
Có ba định dạng video được hỗ trợ: MP4, WebM và OGG. Hỗ trợ trình duyệt cho các định dạng khác nhau là: | Trình duyệt |
Webm | OGG |
Bờ rìa | VÂNG |
Trình duyệt Chrome
Firefox
Cuộc đi săn
KHÔNG
Opera
Video HTML - Các loại phương tiện
Phần 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 công nhận đầu tiên. | Văn bản giữa các thẻ và sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử . |
Phần 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 công nhận đầu tiên. | Văn bản giữa các thẻ và sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử . |
Phần 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 công nhận đầu tiên. | Văn bản giữa các thẻ và sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử . |
Dễ học với html "hãy tự mình thử"
Với trình chỉnh sửa "Hãy thử chính mình" của chúng tôi, bạn có thể chỉnh sửa mã HTML và xem kết quả:
Thí dụ
Tiêu đề trang
Page Title
Đây là một tiêu đề này là một đoạn văn.
This is a paragraph.
Phần 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 công nhận đầu tiên.
Hãy tự mình thử »
Nhấp vào nút "Hãy tự mình thử" để xem nó hoạt động như thế nào.
Ví dụ HTML
Trong hướng dẫn HTML này, bạn sẽ tìm thấy hơn 200 ví dụ. Với trình soạn thảo "Hãy thử trực tuyến của chúng tôi", bạn có thể tự chỉnh sửa và kiểm tra từng ví dụ!
Truy cập ví dụ HTML!
Bài tập HTML
Hướng dẫn HTML này cũng chứa gần 100 bài tập HTML.
Kiểm tra bản thân với các bài tập
Exercise:
Thêm "ToolTip" vào đoạn văn bên dưới với văn bản "Giới thiệu về W3Schools".
W3Schools là trang web của nhà phát triển web.
Bắt đầu bài tập
Bài kiểm tra bài kiểm tra HTML
Kiểm tra các kỹ năng HTML của bạn với bài kiểm tra HTML của chúng tôi!
Bắt đầu bài kiểm tra HTML!
Việc học của tôi
Theo dõi tiến trình của bạn với chương trình "Học tập" miễn phí tại đây tại W3Schools.
Đăng nhập vào tài khoản của bạn và bắt đầu kiếm điểm!
Đây là một tính năng tùy chọn. Bạn có thể học W3Schools mà không cần sử dụng học tập của tôi.
Tài liệu tham khảo HTML
Tại W3Schools, bạn sẽ tìm thấy các tài liệu tham khảo đầy đủ về các phần tử, thuộc tính, sự kiện, tên màu, thực thể, bộ ký tự, mã hóa URL, mã ngôn ngữ, tin nhắn HTTP, hỗ trợ trình duyệt, v.v.
Khởi động sự nghiệp của bạn
Được chứng nhận bằng cách hoàn thành khóa họcthe course
Được chứng nhận
W3SchoolScertified.2022