firefox用HTML5ビデオサンプル(ogg Theora書き出し方法)

firefox用のビデオコーデック、ogg Theoraへのエンコード方法です。

AdobeのCS5以降では、普通に書き出しできると思いますが、持っていない方は、下記のフリーソフトでできます。

Miro Video Converter
やり方は、ファイルを選んで、Formats(エンコード)を、Theoraに設定して、『Convert!』ボタンを押すだけです。

html5のvideoタグは、下記のように書きます。
コーデックがいろいろあるので、typeからcodecsまで記入しないと見れないブラウザもありました。
サンプルページも用意しました。

-----------------
<video controls autoplay>
<source src="./sample_ogg.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
-----------------

ogg Theora ビデオサンプル

ちなみに、上記のフリーソフトでやると、拡張子がogvになりますが、これはoggの動画の拡張子になります。
(oggは、コーデックの名称でなくコンテナの名称になります。コーデックは、Theoraです。wikipediaなどで詳しく説明されています。)