Come riprodurre video su tutti i principali dispositivi e browser, incluso Firefox? - html5, flash, mp4, ogg, webm

Il mio obiettivo è avere un lettore video su un sito Web che supporti tutti i principali browser.

Ho convertito i video in 4 diversi formati video, .ogg, .mp4, .webm e .swf.

Nel codice sotto l'elemento html 5 cerca diriprodurre il video in formato mp4, ogg o webm. Se fallisce, il codice "ricade" per provare l'elemento oggetto e quindi l'elemento embed se l'oggetto fallisce.

Sembra funzionare bene su Chrome, Safari, Ipad /Iphone, Android, ma ho un problema con Firefox e Internet Explorer. Mi mostra il poster .jpg su tutti i browser e anche il seguente messaggio di errore su Firefox.

Nessun video con formato supportato e tipo MIME trovato.

Qualcuno potrebbe aiutarmi migliorare questo codice o sparare qualche idea per aiutarmi per riprodurre video anche su Firefox, Internet Explorer e Safari?

<video width="320" height="240" controls="controls" poster="may_28_2012_F6_HQ.jpg">
<source src="may_28_2012_F6_HQ.ogg" type="video/ogg" />
<source src="may_28_2012_F6_HQ.mp4" type="video/mp4" />
<source src="may_28_2012_F6_HQ.webm" type="video/webm" />
<object width="320" height="240" data="may_28_2012_F6_HQ.mp4">
<embed width="320" height="240" src="may_28_2012_F6_HQ.swf">
Your browser does not support video
</embed>
</object>
</video>

risposte:

Penso che dovresti usare Javascript per rilevare il browser e inserire il formato video corrispondente.

come usare jQuery:

if($.browser.mozilla) {
// using ogg
}else if($.browser.webkit) {
// using mp4
}else if($.browser.opera) {
// as webkit
}else {
// using flash as player
}

Può essere usato questo giocatore http://mediaelementjs.com/

Errore di Firefox Nessun video con formato supportato e tipo MIME trovato. Puoi risolvere questo problema aggiungendo i seguenti tipi MIME al tuo file .htaccess

AddType video/mp4 mp4 m4v f4v f4p
AddType video/ogg ogv
AddType video/webm webm
AddType video/x-flv flv