Video không phát trên iOS10 Chrome

Question

Tôi dường như không thể xác định được nội dung nào sai với đoạn video này.

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/webm" src="sample.webm"></source> 
    <source type="video/mp4" src="sample.mp4"></source> 
</video> 

Đoạn video phát mà không có bất kỳ vấn đề trong Safari (chưa được thử nghiệm chống lại các phiên bản trước đó của iOS, nhưng mối quan tâm duy nhất của tôi có vấn đề autoplay?), Nhưng trên Chrome điều duy nhất tôi thấy là ảnh bìa và nút phát không kích hoạt bất kỳ thứ gì. Tui bỏ lỡ điều gì vậy? Tôi có thực sự cần sử dụng JS để làm cho nó hoạt động không?

Cập nhật: Có vẻ như có sự cố khi phát tệp Webm với iOS Chrome - Tôi đã thử một số tệp từ các vị trí khác nhau và chúng dường như cần tải xuống trước khi có thể phát.

Answer 1

Google Chrome hiện đang có một lỗi trong đó nó sẽ không tự động phát video .webmnếu nó xảy ra sau khi bất cứ điều gì khác. Hãy thử sử dụng một mã số được công bố tại địa chỉ: http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video

Nếu tư vấn trước đó không giúp đỡ, cố gắng sử dụng ví dụ phát lại kịch bản (video.js và simpl) trên Github:

https://github.com/videojs/video.js

https://github.com/samdutton/simpl/blob/gh-pages/video/scripted/index.html

Ngoài ra, hãy đọc sự cố dicated để autoplay tắt trong các trình duyệt di động:

https://github.com/whatwg/html/issues/976

Nó phải là hữu ích để đọc SO gửi cũng như:

Efficiently detect if a device will play silent videos that have the autoplay attribute

Answer 2

Tôi chỉ dường như không thể xác định vị trí những gì xảy ra với đoạn video này.

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/webm" src="sample.webm"></source> 
    <source type="video/mp4" src="sample.mp4"></source> 
</video> 

... Cập nhật: Có vẻ như đã xảy ra sự cố khi phát tệp Webm với iOS Chrome.

Cách đơn giản nhất và tốt nhất sửa chữa là để đảm bảo bạn khai báo mp4 file đầu tiên và sau đó tuyên bố webm ở vị trí thứ hai (ngược lại trật tự thể hiện của bạn). Tôi tin rằng iOS mong đợi một mp4 như là tập tin đầu tiên trong các thẻ video HTML5. Tất cả iOS đều thấy là src="sample.webm" không phải là codec MPEG mong đợi hợp lệ để dẫn đến nút phát ... "của bạn không kích hoạt bất kỳ thứ gì". Bạn có một lỗi im lặng ở đâu đó.

Hãy thử:

<video poster="sample.jpg" loop autoplay controls muted playsinline> 
    <source type="video/mp4" src="sample.mp4"></source> 
    <source type="video/webm" src="sample.webm"></source> 
</video> 

Side lưu ý: Chỉ cần ý kiến ​​của tôi, nhưng, tôi nghĩ rằng có webm đây là thừa kể từ khi hệ thống hỗ trợ chính (công nghệ của Google dựa trên) đã có thể xử lý mp4 anyways.

Tốt hơn để cung cấp những bộ giải mã video trong trình duyệt [của người dùng cuối cùng] một lựa chọn mp4 hoặc ogv (chỉ trong trường hợp của Firefox).

PS: Tự động phát bị tắt trên hầu hết các hệ thống di động do phụ cấp dữ liệu SIM. Người dùng cuối phải chọn phát video đó. Có khả năng có cách giải quyết thông minh trên mạng, chỉ cần nhớ mặc dù, đây là hành vi dự kiến ​​như vậy không phải là một vấn đề với mã hiện tại của bạn.