2012-10-17 23 views
5

Recentemente sono passato a Flowplayer (stavo usando VideoJS prima) e ho riscontrato un altro problema con il nostro amato Internet Explorer.Internet Explorer non mostra Flowplayer-Video

Sto cercando di mostrare un mp4-video (.h264-codec) con flowplayer, e funziona perfettamente in tutti i browser (chrome, firefox, safari, opera), ma non in internet explorer. Stranamente, in IE9 si dice semplicemente «File video non trovato», mentre in IE7-IE8 si legge «Video non supportato».

<div class="flowplayer"> 
    <video poster="/videos/poster_bbb.jpg" width="222" height="125" src="/videos/bbb.mp4"></video> 
</div> 

Ho anche provato utilizzando il tag all'interno del tag, ho provato la riconversione il video, ho provato ad utilizzare un percorso assoluto e web per il video, il tutto senza risultati.

Nota: Dal momento che l'utente dovrebbe essere in grado di caricare il suo proprio video .mp4, non posso usare altri tag per .ogg o .webm

Grazie in anticipo!

Elveti

+0

hanno controllato la versione flash – rahul

+0

Ho la versione flash più recente. Ho anche controllato su più macchine, tutte hanno lo stesso problema – elveti

+0

attacchi di Internet Explorer di nuovo! Avrai bisogno di un oggetto per quello. –

risposta

2

può essere questo post può aiutare a

http://www.warriorforum.com/programming-talk/257997-help-flow-player-does-not-appear-internet-explorer.html

dalla carica

Se si desidera incorporare un video di MP4 sul tuo sito per visualizzare su IE allora sarà necessario utilizzare il seguente codice che modifica videofilename.mp4 al nome del tuo video

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" 
WIDTH="320" HEIGHT="256" > 
<PARAM NAME="src" VALUE="videofilename.mp4"> 
<PARAM NAME="autoplay" VALUE="true"> 
<PARAM NAME="controller" value="true"> 
<EMBED SRC="QTMimeType.pntg" TYPE="image/x-macpaint" 
PLUGINSPAGE="http://www.apple.com/quicktime/download" QTSRC="videofilename.mp4" 
WIDTH="320" HEIGHT="256" AUTOPLAY="true" CONTROLLER="true"> 
</EMBED> 
</OBJECT> 
4

Ho avuto lo stesso problema. Ha funzionato ovunque bene, tranne IE. È perché IE sta cercando video utilizzando il percorso relativo dalla posizione in cui si trova flowplayer.swf. Ma altri browser utilizzano il percorso relativo dalla posizione in cui è in esecuzione lo script. Così è possibile provare con percorso assoluto o sto usando questa soluzione, per ora:

Ho seguente struttura

player/flowlayer.swf 
movie/data/Video/video.mp4 
play.html 

Than per riprodurre il filmato da play.html - dove è legata flowplayer.swf I sto usando commenti condizionali.

<div class="flowplayer" data-engine="flash" data-swf="./player/flowplayer.swf"> 
<video autoplay> 
    <!--[if IE]> 
    <source type="video/mp4" src="../movie/data/Video/video.mp4"/> 
    <![endif]--> 
    <!--[if !IE]><!--> 
    <source type="video/mp4" src="movie/data/Video/video.mp4"/> 
    <!--<![endif]--> 
</video> 
</div> 
+0

È possibile utilizzare il percorso assoluto in tal caso non è necessario scrivere la condizione – biesior

+0

Ugh. Il mio percorso includeva http: // e questo stava causando anche il suo fallimento. Questo l'ha risolto. – SixOThree

2

Dopo aver fatto un sacco di ricerca e in grado di aggiungere il tag di intestazione per forzare la modalità di compatibilità (perché il mio video è all'interno di un modale). Ho preso a lavorare per IE9 cambiando il tag sorgente da

<source type="video/mp4" src="video.mp4"></source>

a

<source type="text/html" src="video.mp4"></source>

ho visto che quando il video non è stato riprodotto in IE9, il file mp4 stava comportando redered come text/html e non video/mp4 ... quindi ho appena provato a cambiare il tag e ha funzionato!

So che questo non ha alcun senso ... ma da quando IE ha un senso ?!Quindi, se non è possibile impostare l'intestazione nell'intestazione del file php ('X-UA-Compatible: IE = EmulateIE8'); come nella mia situazione, provare a impostare il tipo MP4 a text/html

+0

Ho fatto questo e ho anche aggiunto l'url completo al video e l'ho risolto per me. vale a dire: http://www.mysite.com/videos/videoname.mp4 –

3

Un'altra alternativa per Internet Explorer (9 & 10) è quello di utilizzare il tipo di sorgente video/flash al posto del video/mp4, come questa:

<source type="video/flash" src="..."/>