html5でサポートされているビデオの形式は何ですか？

Question

私はhtml5の新しく追加されたすべての基本要素を持つ簡単なWebページを開発しようとしています。ビデオタグで作業しているときに、.aviのようなフォーマットはサポートされていないことがわかりました。

html5でサポートされているビデオ形式のリストはありますか？

WebM/oggのような特定のフォーマットがhtml5でサポートされていても、使用されているブラウザで動画を表示できると想定すると安全ですか？

Answer 1

残念なことに普遍的にサポートされているフォーマットはありません。技術的には、HTML5はビデオフォーマットをサポートしていません。特定のビデオフォーマットをサポートするのはブラウザそのものです。これは巨大な混乱につながった。

You can find a list of format compatibility on Wikipedia。それで、VP8/WebMは、単一のフォーマットだけをサポートしたい場合は、おそらく最善の策です。幸いにも<video>タグは、複数のエンコードが可能である場合にはフォールバックをサポートします。この場合、H.264バージョンと組み合わせたVP8/WebMバージョンはすべての主要ブラウザをカバーします。同じビデオの複数のバージョンの

、次のコードを使用することができます

<video width="320" height="240"> 
    <source src="myvideo.mp4" type="video/mp4" /> 
    <source src="myvideo.ogv" type="video/ogg" /> 
    <source src="myvideo.webm" type="video/webm" /> 
    <p>Other backup content, eg. a flash version, should go here.</p> 
</video> 

Answer 2

現在、すべてのHTML5対応ブラウザでサポートされているビデオフォーマットは1つではありません。 Firefoxの、オペラ、クローム、IE9（プラグイン付き）

H.264でサポートされている - - で、だから、SafariとIE 9で

をサポート

WebMの：1であることの上に競う二つのフォーマットは基本的にありますあなたは基本的に2つのフォーマットでビデオを提供し、ブラウザに正しいものを供給しなければならないと思います。