Comportamento video HTML5 su dispositivi mobili

Question

Sto costruendo un sito in cui sono presenti diversi elementi <video> (animazioni in loop) che fanno parte del mio progetto (non come un vero e proprio video). Funziona abbastanza bene nei browser desktop, ma sono nei guai sui dispositivi mobili.
Quando visualizzo il sito su dispositivi Android o iOS (ad es. Webkit mobile) visualizzerò l'aspetto del video player del sistema operativo e i video si apriranno in una sorta di popup quando faccio clic su di essi. So che posso bypassare le restrizioni di riproduzione automatica facendo STH come:

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

ma questo sarà ancora una volta aprire il video (s) in una finestra separata ...

Qualcuno sa di una possibilità di emulare/abilitare un comportamento simile a un desktop sui dispositivi mobili? Grazie!

EDIT: Markup è fondamentale <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, io non sono sicuro di Android, ma iOS devices can't run multiple video streams simultaneously:

multipli simultanei audio o streaming video

Attualmente, tutti i dispositivi con iOS sono limitato alla riproduzione di un singolo flusso audio o video in qualsiasi momento. Riproduzione di più di un lato video dal lato , parzialmente sovrapposti o completamente sovrapposti, non è attualmente supportato su dispositivi iOS. Anche la riproduzione di più flussi audio simultanei non è supportata. È tuttavia possibile modificare la sorgente audio o video in modo dinamico. Vedere "Sostituzione di una sorgente multimediale in sequenza" per i dettagli di .

Answer 2

No, i dispositivi Android o iOS (ad esempio il webkit mobile) non sono in grado di eseguire il video come si desidera. Il video si aprirà in un lettore video predefinito del dispositivo.

Answer 3

YouTube utilizza un mov o mp4 con ios per caricare l'aspetto nativo per i video, oppure si collega alla loro app per riprodurre il video poiché è installato su ogni dispositivo iOS.

Answer 4

Perché è necessario lo standard windows.onload per ignorare la riproduzione automatica? Se non ricordo male l'impostazione del tag preload a nessuno

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

dovrebbe funzionare.

Inoltre, hai provato a utilizzare l'approccio Video For Everybody? Con questo dovrebbe essere in grado di riprodurre il video nella pagina web piuttosto che dal sistema operativo del telefono, in questo modo credo che si possa ottenere lo stesso effetto sui dispositivi supportati.

EDIT: per quanto riguarda j08691's answer, un approccio alternativo per iPhone potrebbe essere quella di progettare una semplice applicazione visualizzatore Web per il sito per iPhone che ha una workaround per il no-multipla riproduzione video problema.