12

Mam nadzieję, że ktoś ma pomysł na to, co mogę zrobić, aby pomóc mi w odtwarzaniu filmów HTML5 w moim lokalnym intranecie.Jak uzyskać wideo HTML5 do pracy przy użyciu IE10

Serwer WWW = Windows Server 2008 R2 Standard 64bit wersja IIS = IIS7

środowiska testowego użytkownika = Windows 7 Enterprise

wideo gra świetnie używając Google Chrome '

wideo nie grać za pomocą 'IE10'

Mój kod html jest w następujący sposób:

<!DOCTYPE html> 
<html> 
    <body> 
     <video src="AccReadings.mp4" width="400" height="300" preload controls> 
     </video> 
    </body> 
</html> 

Moja maszyna Test z użyciem IE10 jest odtwarzany HTML5Rocks film 'http://craftymind.com/factory/html5video/CanvasVideo.html'

Pozdrowienia,

Chris

+0

Kiedy mówisz "nie grasz", pojawia się błąd? –

Odpowiedz

1

Nie zainstalowano IE10, jednak według caniuseit, mp4 is supported in IE9 and 10.

Następujący html działa dla mnie w IE9 & Chrome, zauważ, że plik wideo musi znajdować się w tym samym folderze, co strona HTML na serwerze (w tym przykładzie).

<!DOCTYPE html> 
<html> 
    <body> 
     <video src="abc.mp4" width="640" height="480" preload controls></video> 
    </body> 
</html> 

Edit: Mam zainstalowany IE10 i może potwierdzić powyższe prace tam.

Edit: Ponieważ Firefox nie obsługuje mp4 i starsze przeglądarki nie obsługują natywnie wideo w ogóle, to lepiej, aby zapewnić wiele źródeł (formaty) i cofać, zwykle do odtwarzacza flash.

<!DOCTYPE html> 
<html> 
    <body> 
     <video width="640" height="480" preload controls> 
      <!-- mp4 supported by Chrome & IE9/10 --> 
      <source src="abc.mp4" type="video/mp4"></source> 
      <!-- webm supported by Firefox --> 
      <source src="abc.webm" type="video/webm"></source> 

      <!-- last element in video is fall back for native video support, usually a flash player --> 
      <object type="application/x-shockwave-flash ...> 
       <!-- last element flash player is usual fall back for flash support, usually some "not supported text" --> 
       <div> 
       Your browser does not natively support flash and you do not have flast installed. 
      </div> 
      </object> 
     </video> 
    </body> 
</html> 
+0

GrayKing, dziękuję ci za pomoc. Przepraszam, że to zajęło Ci tyle czasu, aby się z Tobą skontaktować. Oczekiwałem powiadomienia e-mailem, jeśli była odpowiedź na ten wątek. Wideo ładuje się świetnie z Chrome, więc ścieżka wygląda dobrze na MP4. Znalazłem maszynę, która ma IE9 i znalazłem, że ma tę samą białą stronę (bez żadnych błędów), tak jak ma to miejsce w IE10. – user2211781

+0

Umieściłem stronę/stronę na innym serwerze Windows; ten jest serwerem 32-bitowym, te same wyniki. Ostatecznie planuję dodać coś takiego jak sugerujesz, ale chciałbym, aby działał najpierw z IE10/IE9. Właściwie prawdopodobnie wykorzystam JWPlayer w końcu. Test wideo HTML5 jest moim sposobem na sprawdzenie, dlaczego JWplayer nie gra poprawnie. Powraca do odtwarzacza Flash w IE10, ale odtwarza tylko dźwięk, a po kliknięciu na tryb pełnoekranowy wideo w końcu odtwarza się. Tryb pełnoekranowy jest również odtwarzany w trybie Flash. Mam nadzieję, że tak się stanie od tego czasu. – user2211781

+0

Wygląda na to, że może to być problem z źle zakodowanym plikiem MP4. Czy zachowujesz się tak samo w przypadku innego pliku? –

0

Miałem dużo problemów z IE10 gra wideo html5. Ostatnią rzeczą, którą sprawdziłem, było prawo oe: filmy były skompresowane gzipem. Sprawdź konfigurację serwera !!!

EDIT: wiedzieć, czy filmy są coraz skompresowane przez serwer proxy użyć sniffera sieciowego jak Charles na przykład, albo nawet debugger IE i sprawdzić nagłówek odpowiedzi na żądanie plików wideo. Jeśli znajdziesz Content-Encoding:gzip, powinieneś sprawdzić swoją konfigurację serwera. W moim przypadku musiałem wyłączyć kompresję gzip na plikach wideo w pliku .htaccess.

+0

Mam podobny problem, czy możesz dać mi więcej informacji? Co powinienem sprawdzić na serwerze? – Joelio

+0

Zobacz edytuj ... Mam nadzieję, że pomaga –

9

Po prostu miałem podobny problem, moja własna strona HTML5 w ogóle nie działała. Brak komunikatu o błędzie tylko puste.

Powodem było Windows7 N (UE - brak odtwarzacza multimedialnego).

Po zainstalowaniu Windows Media Player, ten (a także inne problemy) są naprawione. Mam nadzieję, że to pomoże :)

+0

Ty jesteś moim BOGIEM! Od wielu dni walczę o to, a twoja odpowiedź poprawiła mój problem. Jedno pytanie: jak w imię wszystkiego, co jest binarne, wymyśliłeś to? – rivarolle

+0

To straszne rozwiązanie: -/ Czy masz okienko z informacją, aby użytkownicy końcowi zainstalowali WMP? –

3

Wygląda na to, że nie działa z Win7 + IE10 z jakiegoś powodu. Wszystko inne wygląda dobrze. Testowane na następnych stronach, które obejmują test ie.microsoft.com.

http://ie.microsoft.com/testdrive/graphics/videoformatsupport/default.html http://www.w3.org/2010/05/video/mediaevents.html

Win7 IE9 - OK

Win7 IE10 - nope

Win8 IE10 - OK

Win7 IE11 - OK

Win8 IE11 - OK

Zrzuty ekranu BrowserStack dla strony testowej MS. http://www.browserstack.com/screenshots/9083c865675d0821ee8b1030a43da5fd36bff469

0

Jest to kod używam dla moich filmów HTML5:

<div> 
<video id="example_video_1" class="video-js vjs-default-skin" 
controls preload="none" width="auto" height="auto" 
poster="path/to/image.png" 
data-setup='{"example_option":true, "autoplay": true}'> 
    <source src="path/to/video.ogv" type='video/ogg' /> 
    <source src="path/to/video.webm" type='video/webm' /> 
    <source src="path/to/video.mp4" type='video/mp4' /> 
    <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. --> 
    <object class="vjs-flash-fallback" width="640" height="360" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 
     <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
     <param name="allowfullscreen" value="true" /> 
     <param name="flashvars" value='config={"playlist":["path/to/image.png", {"url": "path/to/video.flv","autoPlay":false,"autoBuffering":true}]}' /> 
     <!-- Image Fallback. Typically the same as the poster image. --> 
     <img src="path/to/image.png" width="640" height="264" alt="Poster Image" title="No video playback capabilities." /> 
    </object> 
</video> 

To powinno działać na wszystkich urządzeniach/przeglądarek. Nazwałam wideos w tej konkretnej kolejności, aby umożliwić nowoczesnym przeglądarkom ładowanie ich szybciej (chrome może grać ogg/webm/mp4 - od testowania moich filmów ogg/web wydaje się ładować im szybciej mp4, więc skróci to czas buforowania)

11

Upewnij się, że ustawiłeś serwer WWW tak, aby używał typu MIME video/mp4 dla .mp4. Przypadkowo ustawiłem .mp4, aby używać formatu MIME video/mpeg, wideo odtwarza się w Chrome, ale nie w IE11.

Również należy upewnić się, że film wykorzystuje kodek wideo H264 i AAC kodek audio

+2

Miałem wideo (przesłane do Amazon S3), które miało zły typ MIME ('application/octet-stream'). IE10 była jedyną przeglądarką, która odmówiła jej zagrania. Po zmianie typu MIME na 'video/mp4' (oczywiście było to wideo MP4) IE10 zaczął go odtwarzać. –

0

miałem dokładnie ten sam problem. Oryginalna rozdzielczość filmu to 1920 x 1200. Wygląda na to, że IE10 ma z tym problemy. Pierwsze testy z filmami o niższej rozdzielczości rozwiązały problem.

Powiązane problemy