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

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 2

Cô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ả định

Không có giả định

Hỗ trợ trợ năng

Cá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 chung

Tiểu sử

Thư mục

Lập bản đồ yêu cầu trợ năng

  • G170. Cung cấp một điều khiển gần đầu trang Web để tắt âm thanh phát tự động
    • Tìm hiểu thêm về kỹ thuật G170
    • Không bắt buộc phải tuân theo bất kỳ đề xuất trợ năng nào của W3C
    • ánh xạ kết quả
      • Bất kỳ kết quả
        
        	
        	
        
        
        7 nào. kỹ thuật không hài lòng
      • Tất cả
        
        	
        	
        
        
        8 kết quả. kỹ thuật cần thử nghiệm thêm
      • Một kết quả
        
        	
        	
        
        
        9. kỹ thuật cần thử nghiệm thêm

Khía cạnh đầu vào

Cá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ệm

Thông qua

Đã qua Ví dụ 1

Mở 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ụ 2

Mở 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ụ 3

Mở 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


    
5

Thất bại

Không thành công Ví dụ 1

Mở 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


    
1

Không thành công Ví dụ 2

Mở 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ụ 3

Mở 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ị


    
5

Không thành công Ví dụ 4

Mở 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


    
4

Không thành công Ví dụ 5

Mở 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


    
6

không thể áp dụng

Không thể áp dụng Ví dụ 1

Mở 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ụ 2

Mở 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ụ 3

Mở trong tab mới

Phần tử


	
	

1 này không tự động phát


    
1

Bảng chú giải

Tên có thể truy cập

Tê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ính

Giá 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

  • Đối với các thuộc tính được liệt kê, giá trị thuộc tính là trạng thái của thuộc tính hoặc từ khóa ánh xạ tới nó; . Do đó,
    
        
    
    15 có một giá trị thuộc tính là
    
        
    
    16 [trạng thái] hoặc
    
        
    
    17 [từ khóa ánh xạ tới nó], cả hai công thức đều có cùng ý nghĩa;
  • Đối với các thuộc tính boolean, giá trị thuộc tính là
    
    	
    	
    
    
    3 khi có thuộc tính và
    
    	
    	
    
    
    4 nếu không. Do đó, và tất cả đều có giá trị thuộc tính
    
    	
    	
    
    
    5 là
    
    	
    	
    
    
    3
  • Đối với các thuộc tính có giá trị được sử dụng trong ngữ cảnh không phân biệt chữ hoa chữ thường, giá trị thuộc tính là phiên bản chữ thường của giá trị được ghi trong mã HTML
  • Đối với các thuộc tính chấp nhận số, giá trị thuộc tính là kết quả của việc phân tích giá trị được ghi trong mã HTML theo quy tắc phân tích loại số này
  • Đối với các thuộc tính chấp nhận bộ mã thông báo, dù được phân tách bằng dấu cách hay dấu phẩy, giá trị thuộc tính là tập hợp mã thông báo thu được sau khi phân tích cú pháp tập hợp và tùy thuộc vào trường hợp, chuyển đổi các mục của nó thành chữ thường [nếu bộ được sử dụng trong trường hợp-
  • Đối với các thuộc tính
    
    	
    	
    
    
    7, giá trị thuộc tính được tính như được chỉ ra trong đặc tả WAI-ARIA và Ánh xạ API trợ năng HTML

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 trung

Mộ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ú

  • Khoảng thời gian 1 giây là giới hạn tùy ý không có trong WCAG. Cho rằng các tập lệnh có thể quản lý trạng thái tiêu điểm của các phần tử, việc kiểm tra khả năng lấy nét của một phần tử một cách nhất quán sẽ không thực tế nếu không có giới hạn thời gian
  • Giá trị tabindex của một phần tử là giá trị của thuộc tính tabindex được phân tích cú pháp bằng các quy tắc phân tích cú pháp số nguyên. Để giá trị tabindex khác với null, nó cần được phân tích cú pháp mà không có lỗi

Bao gồm trong cây trợ năng

Cá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ăng

Công cụ để đạt được mục tiêu

Mộ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

  • không thể áp dụng. Không có phần nào của đề thi phù hợp với khả năng vận dụng
  • Thông qua. Một mục tiêu thử nghiệm đáp ứng tất cả các mong đợi
  • Thất bại. Một mục tiêu thử nghiệm không đáp ứng tất cả các kỳ vọng

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ình

Mộ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;

  • có thuộc tính CSS được tính toán là
    
        
    
    40 của
    
        
    
    41;
  • có thuộc tính
    
    	
    	
    
    
    8 được đặt thành
    
    	
    	
    
    
    3

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áu

Ghi 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

    
47

Dễ thấy

Nộ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ắng

Khoả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

  • tất cả các ký tự trong danh mục Dấu phân cách Unicode và
  • các ký tự sau trong danh mục Khác, Điều khiển

    • Lập bảng ký tự [U+0009]
    • Nguồn cấp dữ liệu [LF] [U+000A]
    • Lập bảng dòng [U+000B]
    • Nguồn cấp biểu mẫu [FF] [U+000C]
    • Trả lại vận chuyển [CR] [U+000D]
    • Dòng tiếp theo [NEL] [U+0085]

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 khai

Hiệ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.

Chủ Đề