Hướng dẫn video button css - nút video css
|
Phần tử HTML Show
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. Hãy tự mình thử » Làm thế nào nó hoạt độngThuộc tính Đó là một ý tưởng tốt để luôn bao gồm các thuộc tính Phần tử Văn bản giữa các thẻ HTML AutoplayĐể tự động bắt đầu video, hãy sử dụng thuộc tính Thí dụ & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. 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 Thí dụ & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video. Hãy tự mình thử » Làm thế nào nó hoạt độngThuộc tính
Văn bản giữa các thẻ 1 và 8 sẽ chỉ được hiển thị trong các trình duyệt không hỗ trợ phần tử 1.HTML Autoplay
Yếu tố
Trình duyệt ChromeFirefox Cuộc đi săn KHÔNG Opera Video HTML - Các loại phương tiện
SafariKHÔNG được dùng để tạo một "trình xem phim" cho trang web. Internet Explorer - Để đề phòng trường hợp trình duyệt không hỗ trợ định dạng tập tin video của bạn, bạn có thể "sơ cua" thêm một vài tập tin video khác bằng những thẻ khác (nếu định dạng tập tin video thứ nhất không được hỗ trợ thì nó sẽ chuyển sang sử dụng tập tin video thứ hai, ....) - Đoạn mã bên dưới dùng để tạo một trình xem phim giống như ví dụ phía trên Xem ví dụ 2) Các thuộc tính được sử dụng trong thẻ- Thẻ có chín thuộc tính cơ bản. - Dưới đây là bảng mô tả sơ lược về chín thuộc tính đó:
2.1) Thuộc tính src- Thuộc tính src dùng để xác định đường dẫn đến tập tin video mà bạn muốn phát. - Lưu ý: "Đường dẫn đến tập tin video mà bạn muốn phát" có thể được xác định bằng đường dẫn tương đối hoặc đường dẫn tuyệt đối. Xem ví dụ - Tuy nhiên, hầu hết các lập trình viên không sử dụng thuộc tính src của thẻ để xác định đường dẫn đến tập tin video mà bạn muốn phát. Họ sử dụng thẻ , vì thẻ có hỗ trợ thêm nhiều thuộc tính, giúp trình xem phim trở nên đa năng hơn. Xem ví dụ 2.2) Thuộc tính autoplay- Thuộc tính autoplay thiết lập hành động "sau khi trang web được tải xong, trình xem phim sẽ tự động phát video" Xem ví dụ 2.3) Thuộc tính controls- Thuộc tính controls xác định việc "thanh điều khiển của trình xem phim sẽ được hiển thị" Xem ví dụ 2.4) Thuộc tính loop- Thuộc tính loop thiết lập hành động "video sẽ tự động được phát lặp lại sau mỗi lần kết thúc" Xem ví dụ 2.5) Thuộc tính muted- Thuộc tính muted xác định việc trình xem phim sẽ mặc định được thiết lập ở chế độ "tắt tiếng" Xem ví dụ 2.6) Thuộc tính preloadMặc định khi trang web được tải thì tập tin video của trình xem phim cũng được tải theo, điều đó đồng nghĩa với việc tốc độ tải trang bị chậm lại. - Thuộc tính preload xác định việc tập tin video có được tải cùng với lúc tải trang hay không. - Thuộc tính preload có hai giá trị:
Xem ví dụ 2.7) Thuộc tính poster- Thuộc tính poster dùng để xác định đường dẫn đến một tập tin hình ảnh mà bạn muốn dùng để làm ảnh đại diện cho video trước khi phát. Xem ví dụ - Lưu ý: Giá trị của thuộc tính poster có thể là đường dẫn tương đối hoặc đường dẫn tuyệt đối. 2.8) Thuộc tính width & height- Thuộc tính width & height dùng để xác định chiều rộng & chiều cao của trình xem phim. Xem ví dụ 3) Những định dạng video được hỗ trợ- Hiện nay có ba loại định dạng video phổ biến được hỗ trợ trên các trình duyệt: MP4, WebM, Ogg
- Tuy nhiên, không phải tất cả các trình duyệt đều hỗ tợ hết ba loại định dạng video này.
Opera |
