Hành vi video HTML5 trên thiết bị di động

Question

Tôi đang xây dựng một trang web có nhiều yếu tố <video> (hoạt ảnh được lặp) hoạt động như một phần thiết kế của tôi (không phải là video thực). Điều này hoạt động khá tốt trong các trình duyệt trên máy tính để bàn, nhưng tôi gặp sự cố trên thiết bị di động.
Khi tôi hiển thị trang web trên thiết bị Android hoặc iOS (ví dụ: webkit di động), tôi sẽ có giao diện trình phát video của hệ điều hành và video sẽ mở trong một số loại cửa sổ bật lên khi tôi nhấp vào chúng. Tôi biết rằng tôi có thể bỏ qua những hạn chế autoplay bằng cách làm sth như:

window.onload = function() { 
    var pElement = document.getElementById("myVideo"); 
    pElement.load(); 
    pElement.play(); 
}; 

Nhưng điều này sẽ một lần nữa mở video (s) trong một cửa sổ riêng biệt ...

Có ai biết của một khả năng mô phỏng/kích hoạt hành vi giống như trên máy tính để bàn trên thiết bị di động? Cảm ơn!

EDIT: Markup là cơ bản <video> -syntax btw:

<video autoplay loop> 
    <source src="vid.mp4" type="video/mp4" /> 
    <source src="vid.ogg" type="video/ogg" /> 
    <source src="vid.webm" type="video/webm" /> 
</video> 

Answer 1

Hmm, tôi không chắc chắn về Android nhưng iOS devices can't run multiple video streams simultaneously:

Nhiều đồng thời âm thanh hoặc Video Streams

Hiện tại, tất cả các thiết bị chạy iOS đều giới hạn phát lại một luồng âm thanh hoặc video đơn lẻ bất kỳ lúc nào. Phát nhiều video — bên cạnh bên, chồng chéo một phần hoặc chồng chéo hoàn toàn — hiện không được hỗ trợ trên thiết bị iOS. Phát nhiều luồng âm thanh đồng thời cũng không được hỗ trợ. Tuy nhiên, bạn có thể thay đổi nguồn âm thanh hoặc video . Xem “Thay thế nguồn phương tiện theo tuần tự” cho chi tiết .

Answer 2

Không, thiết bị Android hoặc iOS (ví dụ: webkit di động) không thể chạy video theo ý muốn. Video sẽ mở trong trình phát video mặc định của thiết bị.

Answer 3

YouTube sử dụng mov hoặc mp4 với ios để tải giao diện gốc cho video hoặc liên kết tới ứng dụng của họ để phát video vì video được cài đặt trên mọi thiết bị ios.

Answer 4

Tại sao bạn cần windows.onload để bỏ qua tự động phát? Nếu tôi nhớ đã đặt chính xác thẻ preload thành không

<video src="vid.mov" preload=”none”></video> 

sẽ hoạt động.

Ngoài ra, bạn đã thử sử dụng phương pháp Video For Everybody chưa? Với đó sẽ có thể để có được video để chơi trong trang web chứ không phải bởi hệ điều hành của điện thoại, theo cách đó tôi tin rằng bạn có thể đạt được hiệu ứng tương tự trên các thiết bị được hỗ trợ.

EDIT: Liên quan đến j08691's answer, một cách tiếp cận thay thế cho iPhone có thể thiết kế một ứng dụng xem web đơn giản cho các trang web dành cho iPhone trong đó có một workaround cho video chơi Vấn đề không nhiều.