2012-10-17 14 views
5

Niedawno przełączyłem się na Flowplayer (wcześniej korzystałem z VideoJS) i napotkałem kolejny problem z naszym ukochanym Internet Explorerem.Internet Explorer nie wyświetla Flowplayer-Video

Próbuję pokazać mp4-Video (.h264-codec) z Flowplayer i działa doskonale we wszystkich przeglądarkach (Chrome, Firefox, Safari, Opera), ale nie w programie Internet Explorer. O dziwo, w IE9 po prostu mówi "Nie znaleziono pliku wideo", podczas gdy w IE7-IE8 jest napisane "Nieobsługiwane wideo".

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

ja też Bogate pomocą znacznika wewnątrz tagu Próbowałem ponowne przekształcenie wideo, próbowałem za pomocą bezwzględnego i internetową ścieżkę do pliku wideo, a wszystko to bez rezultatów.

Uwaga: ponieważ użytkownik powinien móc przesłać swój film wideo .mp4, nie mogę używać innych znaczników do .ogg lub .webm

Dzięki z góry!

Elveti

+0

Sprawdź swoją wersję flash – rahul

+0

Mam najnowszą wersję flash. Sprawdziłem również na wielu komputerach, wszystkie mają ten sam problem. – elveti

+0

Internet Explorer znowu uderza! Będziesz do tego potrzebował obiektu. –

Odpowiedz

2

może być ten post może pomóc

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

ze stanowiska

Jeśli chcesz osadzić wideo MP4 na swojej stronie, aby wyświetlić na IE następnie będziesz musiał użyć następującego kodu zmieniającego nazwę videofilename.mp4 na nazwę twojego wideo

<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

Miałem ten sam problem. Wszystko działało dobrze, z wyjątkiem IE. To dlatego, że IE szuka wideo przy użyciu względnej ścieżki z lokalizacji, w której znajduje się plik flowplayer.swf. Ale inne przeglądarki używają względnej ścieżki z lokalizacji, w której wykonuje skrypt. Więc można też spróbować z bezwzględną ścieżkę lub Używam tego obejścia teraz:

Mam następującą strukturę

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

Niż aby odtworzyć film z play.html - gdzie jest połączony flowplayer.swf I używam komentarzy warunkowych.

<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

Możesz użyć ścieżki bezwzględnej, w takim przypadku nie musisz pisać warunku – biesior

+0

Ugh. Moja ścieżka zawierała http: // i to również powodowało awarię. To naprawiło to. – SixOThree

2

Po wykonaniu wielu badań i nie można dodać tagu nagłówka, aby wymusić tryb zgodności (ponieważ moje wideo znajduje się w modalu). Dostałem go do pracy dla IE9 zmieniając tag źródłowego z

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

do

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

Widziałam, że gdy film nie był odtwarzany w IE9, plik mp4 był ewidentnie zmieniono jako text/html, a nie wideo/mp4 ... więc próbowałem zmienić tag i zadziałało!

Wiem, że to nie ma sensu ... ale od kiedy IE ma sens ?!Tak więc, jeśli nie możesz ustawić nagłówka w nagłówku pliku php ("X-UA-Compatible: IE = EmulateIE8"); jak w mojej sytuacji, spróbuj ustawić typ mp4 do text/html

+0

Zrobiłem to, a także dodałem pełny URL i naprawiłem go dla mnie. np. http://www.mysite.com/videos/videoname.mp4 –

3

Inną alternatywą dla programu Internet Explorer (9 & 10) jest próba pomocą typ źródła video/flash zamiast video/mp4, takie jak ten:

<source type="video/flash" src="..."/> 
Powiązane problemy