■<video>タグで動画を埋め込む現在、インターネット上で動画が提供される場合には、Flashなどの独自フォーマットを利用するのが一般的です。それぞれのフォーマットを再生するのに必要なプラグインを、ブラウザに追加インストールする必要があります。HTML5では、任意の動画フォーマットを文書に埋め込むための<video>タグが追加されています。HTMLからシンプルに動画を扱えるようになります。感覚的には<img>タグで画像を扱うような感じです。<video>タグで文書に動画を埋め込む場合には、例えば以下のように記述します。src="sample.mp4"></video>とてもシンプルです。■ユーザー環境への配慮<video>タグは、旧いブラウザではサポートされていない場合があります。<video>タグを使用する際には、サポートされていない環境に配慮しておくほうが良いでしょう。<video>タグがサポートされていない環境で表示させるメッセージを記述することができます。src="sample.mp4"><p>動画を再生するにはvideoタグをサポートしたブラウザが必要です。</p></video>また、HTML5から追加された<source>タグを使用することで、ブラウザに動画の再生候補を提示できます。<source>タグでは、フォーマットの異なる動画データを複数指定することができます。ブラウザは、記述された順に再生可能なデータを利用するので、より多くの環境で動画を視聴してもらえる可能性が高くなります。<source>タグのtype属性では、動画データのMIMEタイプやコーデックを指定することができます。mp4a.40.2"'><p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p></video>■<video>タグの様々な属性<video>タグには、動画再生の詳細を指定する以下のような属性があります。poster属性で動画のヒントとなる画像を表示する<video>タグのposter属性は、ユーザー環境で利用できる動画が無い場合に表示させる画像ファイルを指定することができます。poster属性で指定する画像は、ユーザーにその動画の内容がどのようなものかを知らせるヒントとなるものが適しています。動画の開始部分のフレーム画像などです。動画を利用しやすくするインターフェースを、ブラウザが自動で表示することになっています。controls></video>autoplay属性で動画を自動再生する<video>タグのautoplay属性を指定すると、ウェブページを読み込んだ時点で、動画が自動再生されます。autoplay></video>preload属性で動画をあらかじめ読み込む<video>タグのpreload属性を指定すると、ウェブページを読み込んだ時点で動画を裏側で読み込みます。動画をあらかじめ読み込んでおくことで、ユーザーが再生ボタンを押したときに動画の再生がスムースになるかもしれません。初期値はpreload="auto"で、一般的なブラウザではpreload属性を指定しなくても動画はあらかじめ読み込まれます。preload="none"を指定すると良いでしょう。動画のサイズ・最初のフレーム・トラックリスト・再生時間などの動画のメタデータのみを取得します。ちなみに、このpreload属性は、以前にはautobuffer属性と呼ばれていましたが、名前が変更されたようです。これらのブラウザ間では、サポートされている動画規格が統一されていません。どの動画規格がHTML5にふさわしいかについての検討はされていますが、推奨される標準規格は現時点では未定のままです。合意を得ることはなかなか難しいようです。場合によっては、標準規格が決められないまま、各ブラウザベンダーに任せられることになるかもしれません。Theoraなどのオープン技術に統一していく方針を発表しています。■<video>タグによる動画再生サンプル以下のサンプルでは、<source>タグで3種類の動画形式を指定しています。Chrome・Opera向けです。src="sample.webm"><p>動画を再生するには、videoタグをサポートしたブラウザが必要です。以下の記述を追加する必要があるかもしれません。