26

I've got a set of videos that are going to be posted on a new site I'm developing, using our new html5 player. I know Firefox only supports .ogg format, whereas most others (including eventually IE9) support h264.

I'm looking to tap into the experience of the crowd here: has anyone had any luck with a single video format across browsers? Or am I doomed to double-encode everything? It just seems a shame to waste space on having two copies of each video because we can't standardize our codecs.

Thanks in advance!

PS (Flash player isn't really an option as a fallback, partly on principle and partly because of a rather large mobile userbase.)

4

3 に答える 3

24

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>

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

ブラウザがMP4バージョンを再生できない場合、ブラウザはOggバージョンを読み込もうとします。それが失敗した場合、フォールバックとしてFlowplayer（フラッシュ）を使用します。

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

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

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

お役に立てれば

于 2010-11-29T23:45:02.313 に答える
3

Ogg でない場合は、おそらく WebM です。WebM の特許は Google が所有していますが、Google から解放されています。Ogg はおそらく問題ありませんが、懸念事項があります。H.264 は、起こるのを待っている特許トラップです。

于 2010-11-29T23:41:20.833 に答える
2

少し似たような問題があります。

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

私たちは h.264 フォーマットを使用していますが、あなたは大規模なモバイル ユーザーベース (多くの iPhone を使用していると思います) を持っているため、これも同様に使用することをお勧めします。

ただし、WebM は原則を持つ人々のためのオープンな形式です ;) MS と Apple が近い将来にサポートしてくれることを願うばかりです。

于 2011-06-14T09:45:12.730 に答える