Ako hrať videá na všetkých hlavných zariadeniach a prehliadačoch vrátane Firefoxu? - html5, flash, mp4, ogg, webm

Mojim cieľom je mať prehrávač videa na webových stránkach, ktoré podporujú všetky hlavné prehliadače.

Mám videá previesť na 4 rôzne formáty videa, .ogg, .mp4, .webm a .swf.

Na nasledujúcom kóde sa pokúša html 5 elementprehrávajte video formáty mp4, ogg alebo webm. Ak sa to nepodarí, kód "spadne", aby sa vyskúšal prvok objektu a tak aj vložený prvok, ak objekt tiež zlyhá.

Zdá sa, že funguje dobre v prehliadačoch Chrome, Safari, Ipad /Iphone, Android, ale mám problém s Firefoxom a Internet Explorer. Zobrazuje mi plagát .jpg na všetkých prehliadačoch a tiež nasledujúcu chybovú správu v prehliadači Firefox.

Nebolo nájdené žiadne video s podporovaným formátom a typom MIME.

Mohol by mi niekto pomôcť zlepšiť tento kód alebo zastreliť niekoľko nápadov, ktoré mi pomôžu prehrávať videá aj v prehliadačoch Firefox, Internet Explorer a 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>

odpovede:

Myslím, že na rozpoznanie prehliadača by ste mali použiť Javascript a vložiť príslušný formát videa.

ako pomocou jQuery:

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

Tento prehrávač môže byť použitý http://mediaelementjs.com/

Chyba programu Firefox Nie je nájdené video s podporovaným formátom a typom MIME. Môžete to vyriešiť pridaním nasledujúcich typov MIME do súboru .htaccess

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