Tôi có thể tự động phát video có âm thanh html5 không?
Để tối ưu hóa các trang trên blog này, gần đây tôi đã thay thế ảnh động GIF bằng video tự động phát. Nó yêu cầu một vài người cố gắng làm cho đúng, vì vậy đây là cách nó hoạt động Show
Video bên dưới sẽ không tự động phát
Để khắc phục điều này, chúng tôi thêm thuộc tính 6, điều này sẽ tắt âm thanh, làm cho video ít bị xâm phạm hơn
Tuy nhiên, video trên vẫn không tự động phát trên iOS Safari, Safari yêu cầu chúng tôi thêm thuộc tính 7
Chúng tôi có thể cố gắng vượt qua các giới hạn tự động phát này bằng một số JavaScript, nhưng điều đó sẽ chỉ hoạt động nếu JavaScript được chạy do hành động của người dùng Đối với mỗi mục tiêu thử nghiệm, có ít nhất một công cụ trong cùng một trang web để tạm dừng hoặc dừng âm thanh hoặc tắt âm lượng độc lập với điều khiển âm lượng toàn hệ thống kỳ vọng 2Công cụ để tạm dừng hoặc dừng hoặc tắt âm lượng hiển thị, có tên có thể truy cập không chỉ là khoảng trắng và được bao gồm trong cây khả năng truy cập giả địnhKhông có giả định Hỗ trợ trợ năngCác điều khiển gốc 2 và 1 trong một số tổ hợp trình duyệt và công nghệ hỗ trợ không thể truy cập bằng bàn phím và bản thân phần tử 2 hoặc 1 có thể không được công bố. Các tác giả được khuyến nghị sử dụng các điều khiển tùy chỉnh để điều hướng bàn phím và hỗ trợ khả năng truy cập trình duyệt chéo nói chungTiểu sửThư mụcLập bản đồ yêu cầu trợ năng
Khía cạnh đầu vàoCác khía cạnh sau đây được yêu cầu trong việc sử dụng quy tắc này Các trường hợp thử nghiệmThông quaĐã qua Ví dụ 1Mở trong tab mới Phần tử 1 này có một công cụ để tạm dừng, dừng hoặc tắt âm lượng 1Đã qua Ví dụ 2Mở trong tab mới Phần tử 2 này có một công cụ để tạm dừng, dừng hoặc tắt âm lượng
Đã qua Ví dụ 3Mở trong tab mới Phần tử 2 này có một công cụ tùy chỉnh để tạm dừng hoặc dừng hoặc tắt âm lượng 5Thất bạiKhông thành công Ví dụ 1Mở trong tab mới Phần tử 1 này không có công cụ để tạm dừng, dừng hoặc tắt âm lượng 1Không thành công Ví dụ 2Mở trong tab mới Phần tử 2 này tự động phát và không có công cụ để tạm dừng, dừng hoặc tắt âm lượng
Không thành công Ví dụ 3Mở trong tab mới Phần tử 2 này có một nhạc cụ để tạm dừng, dừng hoặc tắt âm lượng nhưng nhạc cụ không hiển thị 5Không thành công Ví dụ 4Mở trong tab mới Phần tử 2 này có một công cụ để tạm dừng, dừng hoặc tắt âm lượng nhưng các phần tử 57 của nó không có tên truy cập được 4Không thành công Ví dụ 5Mở trong tab mới Phần tử 2 này có một công cụ để tạm dừng, dừng hoặc tắt âm lượng nhưng công cụ này không được bao gồm trong cây trợ năng 6không thể áp dụngKhông thể áp dụng Ví dụ 1Mở trong tab mới Âm thanh của phần tử 2 này tự động phát lâu hơn 3 giây nhưng là 10
Không áp dụng được Ví dụ 2Mở trong tab mới Tệp 11 của phần tử 2 này không có đầu ra âm thanh
Không áp dụng được Ví dụ 3Mở trong tab mới Phần tử 1 này không tự động phát 1Bảng chú giảiTên có thể truy cậpTên có thể truy cập là tên được xác định theo chương trình của thành phần giao diện người dùng được bao gồm trong cây khả năng truy cập Tên có thể truy cập được tính toán bằng tính toán mô tả và tên có thể truy cập Đối với các ngôn ngữ đánh dấu gốc, chẳng hạn như HTML và SVG, bạn có thể tìm thấy thông tin bổ sung về cách tính tên có thể truy cập trong Ánh xạ API khả năng truy cập HTML 1. 0, Tính toán mô tả và tên có thể truy cập (bản nháp đang hoạt động) và Ánh xạ API khả năng truy cập SVG, Tên và mô tả (bản nháp đang hoạt động) Để biết thêm chi tiết, hãy xem các ví dụ về tên có thể truy cập Ghi chú. Theo tính toán mô tả và tên có thể truy cập, mỗi phần tử luôn có một tên có thể truy cập. Khi không cung cấp tên có thể truy cập, phần tử sẽ vẫn được gán một tên trống ( 14)Ghi chú. Theo tính toán mô tả và tên có thể truy cập, tên có thể truy cập là chuỗi phẳng được cắt bớt khoảng trắng ở đầu và cuối. Đáng chú ý, không thể có một tên có thể truy cập không trống chỉ bao gồm khoảng trắng vì chúng phải được cắt bớt Giá trị thuộc tínhGiá trị thuộc tính của thuộc tính nội dung được đặt trên phần tử HTML là giá trị mà thuộc tính nhận được sau khi được phân tích cú pháp và tính toán theo thông số kỹ thuật. Nó có thể khác với giá trị thực sự được viết trong mã HTML do cắt xén khoảng trắng hoặc ký tự không phải chữ số, giá trị mặc định hoặc phân biệt chữ hoa chữ thường Một số trường hợp đáng chú ý của giá trị thuộc tính, trong số những trường hợp khác
Danh sách này không đầy đủ và chỉ đóng vai trò minh họa cho một số trường hợp phổ biến nhất Giá trị thuộc tính của một thuộc tính IDL là giá trị được trả về khi lấy nó. Lưu ý rằng khi thuộc tính IDL phản ánh thuộc tính nội dung, chúng có cùng giá trị thuộc tính có thể tập trungMột phần tử có thể được đặt tiêu điểm nếu một hoặc cả hai điều sau đây là đúng Ngoại lệ. Các thành phần bị mất tiêu điểm trong khoảng thời gian tối đa 1 giây sau khi lấy được tiêu điểm mà không có người dùng tương tác với trang có thành phần đó thì không được coi là có thể lấy tiêu điểm ghi chú
Bao gồm trong cây trợ năngCác thành phần có trong cây khả năng truy cập của API khả năng truy cập dành riêng cho nền tảng được tiếp xúc với các công nghệ hỗ trợ. Điều này cho phép người dùng công nghệ hỗ trợ truy cập các yếu tố theo cách đáp ứng yêu cầu của từng người dùng Các quy tắc chung về thời điểm đưa các phần tử vào cây khả năng truy cập được xác định trong ánh xạ API khả năng truy cập cốt lõi. Đối với các ngôn ngữ đánh dấu gốc, chẳng hạn như HTML và SVG, bạn có thể tìm thấy các quy tắc bổ sung về thời điểm đưa các phần tử vào cây khả năng truy cập trong ánh xạ API khả năng truy cập HTML (bản nháp đang hoạt động) và ánh xạ API khả năng truy cập SVG (bản nháp đang hoạt động) Để biết thêm chi tiết, hãy xem các ví dụ được bao gồm trong cây trợ năng Các phần tử ẩn theo chương trình bị xóa khỏi cây trợ năng. Tuy nhiên, một số trình duyệt sẽ để lại các phần tử có thể đặt tiêu điểm với thuộc tính 8 được đặt thành 3 trong cây trợ năng. Vì chúng bị ẩn nên các phần tử này được coi là không có trong cây khả năng tiếp cận. Điều này có thể gây nhầm lẫn cho người dùng công nghệ hỗ trợ vì họ vẫn có thể tương tác với các phần tử có thể đặt tiêu điểm này bằng cách sử dụng điều hướng bàn phím tuần tự, mặc dù phần tử đó không được đưa vào cây trợ năngCông cụ để đạt được mục tiêuMột phần tử HTML khi được kích hoạt cho phép người dùng cuối đạt được mục tiêu Ghi chú. Bất kỳ quy tắc nào sử dụng định nghĩa này phải cung cấp một mô tả rõ ràng về mục tiêu mà công cụ được sử dụng để đạt được kết quảKết quả là một kết luận xuất phát từ việc đánh giá Quy tắc ACT đối với đối tượng thử nghiệm hoặc một trong các mục tiêu thử nghiệm cấu thành của nó. Một kết quả có thể là một trong ba loại sau
Ghi chú. Một quy tắc có một kết quả 8 hoặc 7 cho mọi mục tiêu thử nghiệm. Khi không có mục tiêu kiểm tra, quy tắc có một kết quả 9. Điều này có nghĩa là mỗi đề thi sẽ có một hoặc nhiều kết quảGhi chú. Việc triển khai sử dụng EARL10-Schema có thể biểu thị kết quả bằng thuộc tính kết quả. Ngoài 8, 7 và 9, EARL 1. 0 cũng xác định một kết quả 56. Mặc dù đây không thể là kết quả của một Quy tắc ACT khi được áp dụng toàn bộ, nhưng thường xảy ra trường hợp các quy tắc chỉ được đánh giá một phần. Ví dụ: khi khả năng ứng dụng được tự động hóa, nhưng các kỳ vọng phải được đánh giá thủ công. Các kết quả “tạm thời” như vậy có thể được biểu thị bằng kết quả 56Ẩn theo chương trìnhMột phần tử HTML được ẩn theo chương trình nếu nó có thuộc tính CSS được tính toán là 58 có giá trị không phải là 59;
Ghi chú. Trái ngược với các điều kiện khác, thuộc tính CSS 58 có thể được hoàn nguyên bởi con cháuGhi chú. Tiêu chuẩn HTML đề xuất đặt thuộc tính CSS 40 thành 41 cho các phần tử có thuộc tính 47. Mặc dù HTML không yêu cầu nhưng tất cả các trình duyệt hiện đại đều tuân theo đề xuất này. Do đó, thuộc tính 47 không được sử dụng trong định nghĩa này. Trong các trình duyệt sử dụng đề xuất này, việc ghi đè thuộc tính CSS 40 có thể hiển thị các phần tử có thuộc tính 47Dễ thấyNội dung có thể cảm nhận được qua thị giác Nội dung được coi là hiển thị nếu việc làm cho nội dung đó hoàn toàn trong suốt sẽ dẫn đến sự khác biệt về pixel được hiển thị cho bất kỳ phần nào của tài liệu hiện có trong chế độ xem hoặc có thể được đưa vào chế độ xem thông qua thao tác cuộn Nội dung được xác định trong WCAG Để biết thêm chi tiết, hãy xem các ví dụ về khả năng hiển thị Trang web (HTML)Trang web HTML là tập hợp tất cả các tài liệu đang hoạt động đầy đủ có chung ngữ cảnh duyệt cấp cao nhất Ghi chú. Lồng ngữ cảnh duyệt chủ yếu xảy ra với 61 và 62. Do đó, một trang web hầu hết thời gian sẽ là một tài liệu “cấp cao nhất” và tất cả các 61 và 62 của nó (theo cách đệ quy)Ghi chú. Các trang web do WCAG xác định không bị hạn chế đối với công nghệ HTML nhưng cũng có thể bao gồm, e. g. tài liệu , PDF hoặc DOCX Ghi chú. Mặc dù các trang web như được định nghĩa ở đây là tập hợp các tài liệu (và không chứa các loại nút khác), người ta có thể viết một cách lạm dụng rằng bất kỳ nút nào là “trong một trang web” nếu nó là hậu duệ bao gồm bóng tối của tài liệu là một phần của Khoảng trắngKhoảng trắng là các ký tự có thuộc tính Unicode “White_Space” trong danh sách thuộc tính Unicode Điêu nay bao gôm
Phiên bản quy tắcĐây là phiên bản đầu tiên của quy tắc ACT này Triển khaiHiện tại không có cách triển khai nào được biết đến cho quy tắc này. Nếu bạn muốn đóng góp triển khai, vui lòng đọc trang Triển khai ACT để biết chi tiết Làm cách nào để tự động phát video có âm thanh trong HTML?Thuộc tính tự động phát DOM Âm thanh/Video HTML . Định nghĩa và cách sử dụng. Thuộc tính tự động phát đặt hoặc trả về việc âm thanh/video có bắt đầu phát ngay khi được tải hay không 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 đủ thuộc tính. . cú pháp. Trả lại thuộc tính tự động phát Chúng tôi có thể phát cả âm thanh và video trong HTML không?HTML cho phép chúng tôi tạo trình phát âm thanh và video 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. |