自動再生(コントローラー無し)

自動再生版のビデオタグ

<video autoplay loop muted width="580" height="326" poster="sample.jpg">
<source src="sample.mp4">
<source src="sample.ogv">
<source src="sample.webm">
<p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p>
</video>

手動での動画再生(コントローラー付)なんかもできます。

タグ解説

<video autoplay loop autoplay width="580" height="326" poster="sample.jpg">
↑動画再生を行うタグです。自動再生、ループ再生、コントローラーの非表示、
　読み込み失敗の時に表示する画像など指定できます。

<source src="sample.mp4">　←Internet Explorer、Safari、Chrome対応動画ファイル
<source src="sample.ogv">　←Gecko (Firefox)、Chrome、Opera対応動画ファイル
<source src="sample.webm">　←Gecko (Firefox)、Chrome、Opera対応動画ファイル
↑動画ファイルの指定タグです。
　複数動画ファイルを読んでいますが、それぞれのブラウザが対応している動画ファイルを
　自動で読み取ってくれます。
　Flash非対応のスマフォやマイナーなブラウザにも対応できます。

<p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p>
↑もし読み込み出来なかった場合のテキストタグです。
</video>