Per le ricerche future e, ho avuto un file MP4 che ho ridimensionato con freno a mano utilizzando handbrake-gtk
da apt-get
, per esempio sudo apt-get install handbrake-gtk
. In Ubuntu 14.04, il handbrake
repository non include il supporto per MP4 pronto all'uso. Ho lasciato le impostazioni predefinite, ho rimosso la traccia audio e si genera un file * .M4V. Per coloro che si chiedono, sono lo stesso contenitore ma M4V viene utilizzato principalmente su iOS per aprirsi in iTunes.
Funzionava in tutti i browser eccetto Safari:
<video preload="yes" autoplay loop width="100%" height="auto" poster="http://cdn.foo.com/bar.png">
<source src="//cdn.foo.com/bar-video.m4v" type="video/mp4">
<source src="//cdn.foo.com/bar-video.webm" type="video/webm">
</video>
Ho cambiato il tipo MIME tra video/mp4
e video/m4v
senza alcun effetto. Ho anche provato ad aggiungere l' control
attributo e di nuovo, nessun effetto.
Ha funzionato in tutti i browser testati, inclusi Safari 7 su Mavericks e Safari 8 su Yosemite. Ho semplicemente rinominato lo stesso file m4v (il file effettivo, non solo l'HTML) in mp4 e l'ho ricaricato sul nostro CDN:
<video preload="yes" autoplay loop width="100%" height="auto" poster="http://cdn.foo.com/bar.png">
<source src="//cdn.foo.com/bar-video.mp4" type="video/mp4">
<source src="//cdn.foo.com/bar-video.webm" type="video/webm">
</video>
Safari penso che si stia aspettando un MP4 con il nome effettivo. Nessun'altra combinazione di file e tipo MIME ha funzionato per me. Penso che gli altri browser optino prima per il file WEBM, in particolare Chrome, anche se sono abbastanza sicuro che l'elenco delle fonti dovrebbe selezionare la prima fonte che è tecnicamente supportata.
Ciò non ha, tuttavia, risolto il problema del video nei dispositivi iOS (iPad 3 "il nuovo iPad" e iPhone 6 testati).