HTML5に最適なビデオ形式ですか？

StackOverflow https://stackoverflow.com/questions/4309059

質問

新しいHTML5プレーヤーを使用して、開発している新しいサイトに投稿される動画のセットがあります。 Firefoxは.ogg形式のみをサポートしていることを知っていますが、他のほとんど（最終的にはIE9を含む）はH264をサポートしています。

ここで群衆の経験を活用したいと思っています。ブラウザ全体で1つのビデオ形式で運が良かったですか？それとも、すべてをダブルエンコードする運命にありますか？コーデックを標準化できないため、各ビデオのコピーを2つ持っていることにスペースを無駄にするのは残念なことです。

前もって感謝します！

PS（フラッシュプレーヤーは、原則として、一部はかなり大きなモバイルユーザーベースのために、フォールバックとしてのオプションではありません。）

役に立ちましたか？

解決

HTML5ビデオでの個人的な経験から、MP4、OGG、およびFLVファイル形式を作成し、次の実装を使用します。

<video id="movie" width="" height="" preload controls>
   <source id="srcMp4" src="video.mp4" />
   <source id="srcOgg" src="video.ogg" />
   <object id="flowplayer" name="flowplayer" width="480" height="352" data="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" 
            type="application/x-shockwave-flash">
      <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" />
      <param name="allowfullscreen" value="true" />
      <param name="flashvars" 
    value='config={"clip":"http://domain.com/video.flv"}' />
   </object>
</video>

MP4形式は、最初のソースのみが表示されるiPadの以前のバグのために、最初に提供されます。

ブラウザがMP4バージョンを再生できない場合、OGGバージョンをロードしようとします。それが失敗した場合、FlowPlayer（Flash）をフォールバックとして使用します。

私はあなたがフラッシュのない解決策をフォールバックとして探していることを知っていますが、私の意見では、私たちはまだそこにいません。人々はまだ大声で叫ぶためにIE6を使用しています！

HTML5ビデオはまだ作成中であり、すべてのブラウザとプラットフォームで完全に安定するまで、さまざまなシナリオに「回避策」を提供する必要があります。

モバイルの場合、おそらくユーザーエージェントを検出してそこから行くことができます...

お役に立てれば

他のヒント

おそらくoggではないにしても、おそらくWebm。 Webmの特許はGoogleが所有していますが、それからリリースされています。 OGGはおそらく大丈夫ですが、懸念があります。 H.264は、発生するのを待っている特許トラップです。

やや似た問題があります。

<video id="movie" width="320" height="240" preload controls src="demo.mp4" />

H.264形式を使用しています。これは、大規模なモバイルユーザーベースがあるため、これを行う必要があることをお勧めします（多くのiPhoneが思う）。

ただし、WebMは原則を持つ人々のためのオープンフォーマットです;）私はMSとAppleが近い将来それをサポートすることを願っています。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top