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&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で動作しないのはなぜですか?
IEにはH.264またはMPEG-4コーデックが必要です。これは指定/インクルードしないようです。ブラウザはいつでも確認できます。 HTML5Please および 使用できます... を使用したサポートどちらのサイトも、通常、サポート、ポリフィル、および活用方法に関する最新情報を提供しています新技術。
ビデオの解像度はどのくらいですか? Win7のIE11でも同様の問題がありました。 Microsoft H.264デコーダーは、Windows 7で1920x1088ピクセルのみをサポートしています。私の話を参照してください: http://lars.st0ne.at/blog/html5+video+in+IE11+-+size+does+matter =
Windows 8.1のIE11でビデオが再生されないという同様の問題がありました。気付いていなかったのは、NバージョンのWindowsを実行していたことです。つまり、メディア機能がインストールされていません。 Windows 8.1のNおよびKNバージョンのMedia Feature Pack をインストールし、PCを再起動した後、正常に動作しました。
補足として、これらのブラウザはwebm
ファイルに適切にフォールバックするため、ビデオはChrome、Firefoxなどで正常に機能しました。
これは古いことは知っていますが、上記の解決策でまだ問題が発生する場合は、ここに追加事項があります。
単に<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"
これはIEドキュメントモードバージョンが低すぎます。「F12」を押して、より高いバージョンを使用します(私の場合、バージョン9より上でも構いません)
私の場合、mp4ファイルのコーデックIDが問題でした。コーデックID:isom(isom/iso2/avc1/mp41)は、変換後、ビデオタグを使用してIE 10および11で再生していませんでしたFFmpegを使用して "mp42(mp42/isom/avc1)"にIEも再生します。
Internet ExplorerではMP4がサポートされていますが、ファイルのエンコード方法は重要です。ビデオファイルをレンダリングするときは、BASELINEエンコードを使用してください。これでIE11の問題が修正されました