Supporto video HTML5 IE9

Ho qualche problema a visualizzare video HTML5 in IE9, ho aggiunto i diversi tipi al mio htaccess

AddType video/ogg .ogv AddType video/mp4 .mp4 AddType video/webm .webm 

Questo è quello che ho come HTML

  

Ho anche provato a convertire il video nel formato ogv di Theora e ad usarlo

  

Ma neanche questo funziona, ho pensato che .ogg fosse supportato in IE9?

Sul sito Web ufficiale di Microsoft sono presenti snippet di codice per i video su IE9

  

Prova con questo codice.

Internet Explorer 9 supporta MPEG4 usando il codec H.264. Ma ha anche richiesto che il file possa iniziare a giocare non appena inizia il download.

Ecco i passaggi basilari su come creare un file MPEG che funzioni in IE9 (usando avconv su Ubuntu). Ho passato molte ore per capirlo, quindi spero che possa aiutare qualcun altro.

  1. Converti il ​​video in MPEG4 usando il codec H.264. Non hai bisogno di niente, lascia che Avconv faccia il lavoro per te:

     avconv -i video.mp4 -vcodec libx264 pre_out.mp4 
  2. Questo video funziona su tutti i browser che supportano MPEG4, ad eccezione di IE9. Per aggiungere il supporto per IE9, devi spostare le informazioni sul file nell’intestazione del file, in modo che il browser possa iniziare a riprodurlo non appena inizia a scaricarlo. QUESTA È LA CHIAVE PER IE9 !!!

     qt-faststart pre_out.mp4 out.mp4 

qt-faststart è una utility Quicktime che supporta anche il formato di file H.264 / ACC. Fa parte del pacchetto libav-tools .

Stai cercando di usarlo su IIS?

Se è così, devi aggiungere i tipi mime appropriati per riconoscere i tuoi file video:

             

Ecco alcuni markup che funzionano per me in IE9 (nella cartella radice, ho una cartella “video” con i miei file):

     Video Demo      

Come altri hanno già accennato, IE9 non supporta OGV, solo MP4 e WebM (con plugin). Ho riscontrato un sacco di problemi anche con l’MP4, che dovrebbe suonare in modo nativo, prima di scoprire che una cosa da considerare quando si servono i file MP4 per IE9 è la metadata del file chiamato moov atom incorporato nel file MP4 stesso. Se si trova alla fine del file, dove alcuni encoder incluso ffmpeg lo posiziona, IE9 non inizierà la riproduzione del video a meno che l’intero file video non venga scaricato. Il trasferimento dei metadati dell’atomo di moov all’inizio del file consente il download progressivo del file MP4 e IE9 gestisce il video in modo appropriato.

C’è uno strumento chiamato qt-faststart per eseguire questa operazione. Ho fatto miracoli per me, compilando e usando la versione da riga di comando Linux distribuita con ffmpeg.

 make tools/qt-faststart sudo cp tools/qt-faststart /usr/local/bin/ qt-faststart original_file.mp4 modified_file.mp4 

Vedi questa pagina; fornisce una soluzione al problema del poster con IE9 e si espande sui codec video:

Alcuni semplici CSS e dichiarazioni condizionali hanno fatto il trucco. Ora sono dell’opinione che i posters dovrebbero essere posizionati all’inizio (primo fotogramma) e fine (ultimo fotogramma) di un video, come se fossero copertine di album. In questo modo, un’immagine all’inizio e alla fine del video darà allo spettatore un’idea visiva del perché dovrebbero riprodurre il video (proprio come la ragione per cui un album a volte è dovuto alla copertina).

Tieni presente che per IE9, l’origine video deve essere indicata nell’attributo ‘src’ del tag video stesso.

Ti suggerisco di rilevare IE9 in modo specifico e di aggiungere quella proprietà al tag video. Devi farlo in modo specifico per IE9 perché Firefox su OSX non accetterà il file video MP4 nel tag src.

Spero che sia d’aiuto!

IE9 non supporta Ogg / Theora . Supporterà WebM se si installa il codec .