html5から<video>タグを使用して動画を簡単に再生させることができます。
IE8以下には対応していないので、Javascriptを読み込まして対応させる必要があります。
基本の書き方はこんな感じ。
<video preload="none" poster="xxx.jpg" controls width="xxx" height="xxx"> <source src="xxx.mp4"> <source src="xxx.ogv"> <p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p> </video>
※タグの注意点
preload：動画を読み込みながらスクロールするとカクカクしてしまうかもしれないので、読み込みをnoneになっています。
poster：動画読み込み前に表示する画像です。
controls：通常ではフルスクリーンで表示されますが、それができないタブレット等ではこちらを入れてコントロールバーを入れます。
source：用意する動画はmp4とogv（もしくはwebm）を用意してそちらをソースとするhtmlを記載します。
これだけで動画を表示できますが、IE対策として下記を記載しておきます。
<script type="text/javascript" src="http://api.html5media.info/1.1.5/html5media.min.js"></script>
またサーバーによっては動画のフォーマットが対応できない場合がありますので、下記のhtaccessを入れておきます。
AddType video/ogg .ogg .ogv AddType video/webm .webm AddType video/mp4 .mp4
これで<video>タグに対応出来ました。
