web-dev-qa-db-ja.com

HTML5ビデオが動作しないIE 11

IE 11.以外のすべてで作業しているビデオアーカイブがあります。IE 11.でロードすると、「エラー:サポートされていないビデオタイプまたは無効なファイルパス」というエラーが表示されます。使用しています。

<video id="movie" width="640" height="400" autobuffer controls preload="auto"> 
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.webm" type='video/webm; codecs="vp8, vorbis"' />
                <source src="/media/Archive_Videos/September%202013/September_13_U-RUN.ogv" type='video/ogg; codecs="theora, vorbis"' />
                    <object type="application/x-shockwave-flash" data="http://player.longtailvideo.com/player.swf" width="640" height="360">
                        <param name="movie" value="http://player.longtailvideo.com/player.swf" />
                        <param name="allowFullScreen" value="true" />
                        <param name="wmode" value="transparent" />
                        <param name="flashVars" value="controlbar=over&amp;file=SITE%2Fmedia%2FArchive_Videos%2FSeptember%25202013%2FSeptember_13_U-RUN.mp4" />
                        <span title="No video playback capabilities, please download the video below">September 2013 U-RUN</span>
                    </object>
                <p>OOPS! It looks like your browser doesn't support HTML5 videos. You can either install the latest version of your browser or download the video below:
                <br /><a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.mp4">MP4 format</a> | <a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.ogv">Ogg format</a> | <a href="SITE.com/media/Archive_Videos/September%202013/September_13_U-RUN.webm">WebM format</a></p>
            </video>

また、.htaccessファイルがあるため、Firefoxでも動作します。

AddType audio/ogg oga ogg 
AddType video/ogg ogv

IE 11で動作しないのはなぜですか?

13
user2916637

IEにはH.264またはMPEG-4コーデックが必要です。これは指定/インクルードしないようです。ブラウザはいつでも確認できます。 HTML5Please および 使用できます... を使用したサポートどちらのサイトも、通常、サポート、ポリフィル、および活用方法に関する最新情報を提供しています新技術。

17
Ilan Biala

ビデオの解像度はどのくらいですか? Win7のIE11でも同様の問題がありました。 Microsoft H.264デコーダーは、Windows 7で1920x1088ピクセルのみをサポートしています。私の話を参照してください: http://lars.st0ne.at/blog/html5+video+in+IE11+-+size+does+matter =

36
st0ne

Windows 8.1のIE11でビデオが再生されないという同様の問題がありました。気付いていなかったのは、NバージョンのWindowsを実行していたことです。つまり、メディア機能がインストールされていません。 Windows 8.1のNおよびKNバージョンのMedia Feature Pack をインストールし、PCを再起動した後、正常に動作しました。

補足として、これらのブラウザはwebmファイルに適切にフォールバックするため、ビデオはChrome、Firefoxなどで正常に機能しました。

6
Simon Ingeson

これは古いことは知っていますが、上記の解決策でまだ問題が発生する場合は、ここに追加事項があります。

単に<head>

<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 

IEがIE9互換性に戻ってビデオ機能を破壊するのを防ぎます。私のために働いたので、まだ問題がある場合は、これをチェックアウトすることを検討してください。

または、これをPHPに追加できます。

header('x-ua-compatible: ie=Edge');

または.htaccessファイルで:

header set X-UA-Compatible "IE=Edge"
2
Gawet

これはIEドキュメントモードバージョンが低すぎます。「F12」を押して、より高いバージョンを使用します(私の場合、バージョン9より上でも構いません)

0
johnson tsang

私の場合、mp4ファイルのコーデックIDが問題でした。コーデックID:isom(isom/iso2/avc1/mp41)は、変換後、ビデオタグを使用してIE 10および11で再生していませんでしたFFmpegを使用して "mp42(mp42/isom/avc1)"にIEも再生します。

0
vicky shrestha

Internet ExplorerではMP4がサポートされていますが、ファイルのエンコード方法は重要です。ビデオファイルをレンダリングするときは、BASELINEエンコードを使用してください。これでIE11の問題が修正されました

0
Vonwelzen