wake-up-neo.com

Wie bringe ich ein HTML5-Video mit IE10 zum Laufen?

Ich hoffe, dass jemand eine Idee hat, wie ich HTML5-Videos in meinem lokalen Intranet abspielen kann.

Mein Webserver = Windows Server 2008 R2 Standard 64-Bit IIS Version = IIS7

Testbenutzerumgebung = Windows 7 Enterprise

Video wird mit "Google Chrome" perfekt wiedergegeben

Video kann mit "IE10" nicht abgespielt werden

Mein HTML-Code lautet wie folgt:

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

Mein Testcomputer mit IE10 gibt HTML5Rocks-Videos wieder ' http://craftymind.com/factory/html5video/CanvasVideo.html '

Grüße,

Chris

12
user2211781

Stellen Sie sicher, dass Sie den Webserver so einstellen, dass er einen MIME-Typ video/mp4 für .mp4 verwendet. Ich habe versehentlich eingestellt, dass .mp4 den MIME-Typ video/mpeg verwendet. Das Video wird in Chrome abgespielt, jedoch nicht in IE11.

Sie müssen auch sicherstellen, dass das Video den H264-Videocodec und den AAC-Audiocodec verwendet 

11
Adamy

Ich hatte gerade ein ähnliches Problem, meine eigene Site HTML5 funktionierte überhaupt nicht. Keine Fehlermeldung nur leer.

Grund war Windows7 N (EU - kein Mediaplayer).

Nach der Installation des Windows Media Players sind diese (und auch andere Probleme) behoben. Ich hoffe es hilft :)

9
Rafal Powierski

Es sieht aus irgendeinem Grund nicht so aus, als würde es in Win7 + IE10 funktionieren. Alles andere sieht gut aus. Getestet gegen die folgenden Seiten, einschließlich ie.Microsoft.com test.

http://de.Microsoft.com/testdrive/graphics/videoformatsupport/default.htmlhttp://www.w3.org/2010/05/video/mediaevents.html

Win7 IE9 - OK

Win7 IE10 - nein

Win8 IE10 - OK

Win7 IE11 - OK

Win8 IE11 - OK

BrowserStack-Screenshots für die MS-Testseite . http://www.browserstack.com/screenshots/9083c865675d0821ee8b1030a43da5fd36bff469

3
greg.kindel

Möglicherweise liegt ein Videokartentreiberproblem vor, wie unter Kann weder IE10-HTML5-Video noch moderne UI-Apps-Video abgespielt werden.

Deaktivieren Sie das GPU-Rendering in IE als:

Internetoptionen> Erweitert> Beschleunigte Grafiken> Verwenden Sie Software-Rendering anstelle von GPU-Rendering

Und sehen, ob es funktioniert.

1
Mohsenme

Ich habe jedoch keinen IE10 installiert, jedoch laut caniuseit , mp4 wird in IE9 und 10 unterstützt .

Die folgende HTML-Datei funktioniert für mich in IE9 und Chrome. Beachten Sie, dass sich Ihre Videodatei im selben Ordner befinden muss wie Ihre HTML-Seite auf dem Server (in diesem Beispiel).

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

Edit: Ich habe IE10 installiert und kann dort auch die oben genannten Arbeiten bestätigen.

Edit: Da Firefox mp4 nicht unterstützt und ältere Browser Video nicht nativ unterstützen, empfiehlt es sich, mehrere Quellen (Formate) bereitzustellen und auf einen Flash-Player zurückzugreifen.

<!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>
1
Graham King

Ich hatte viele Probleme mit IE10 beim Abspielen von html5-Videos. Das letzte, was ich überprüft habe, war das richtige oe: Videos wurden gzip komprimiert Überprüfen Sie Ihre Server-Konfiguration !!!

EDIT: Um festzustellen, ob Ihre Videos vom Server komprimiert werden, verwenden Sie einen Netzwerk-Proxy-Sniffer wie Charles oder sogar den Debugger von IE, und überprüfen Sie den Antwortheader der Videodateianforderung. Wenn Sie Content-Encoding:gzip finden, sollten Sie die Serverkonfiguration überprüfen. In meinem Fall musste ich die gzip-Komprimierung für Videodateien in meiner .htaccess-Datei deaktivieren.

0
Armel Larcier

Dies ist der Code, den ich für meine HTML5-Videos verwende:

<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>

Dies sollte auf allen Geräten/Browsern funktionieren. Ich habe die Wideos in dieser spezifischen Reihenfolge aufgerufen, damit moderne Browser sie schneller laden können (Chrome kann ogg/webm/mp4 abspielen. Beim Testen meiner Videos scheinen ogg/webm sie schneller zu laden. 

0
mcneela86

Ich hatte genau das gleiche Problem. Meine ursprüngliche Auflösung des Videos war 1920x1200. Scheint, dass IE10 damit Probleme hat. Erste Tests mit Videos mit niedrigerer Auflösung lösten das Problem.

0
Nico M