videoタグを使ってスマートフォンでMP4を再生させるための覚書を残しておきます。

● poster--サムネイル画像を指定

ポスター属性を指定しないと真っ黒になる

<video poster="test.jpg"></video>

● preload--動画をあらかじめ読み込む

スマートフォンではnoneを指定するのがベター
preload="metadata"を指定すると動画全体ではなく、 動画のサイズ・最初のフレーム・トラックリスト・再生時間などの動画のメタデータのみを取得

<video preload="none"></video>

● controls--インターフェースを表示

iPadには必須っぽい

<video controls></video>

● onclick="this.play()"--videoタグをタップで再生（Android）

<video onclick="this.play();"></video>

● まとめ

<video controls poster="test.jpg" preload="none" onclick="this.play();" width="640" height="360">
<source src="test.mp4" type="video/mp4">
<p>代替表示用</p>
</video>

とりあえず必要なコードとしてはこれくらい。
※Basic認証かけてると再生できない。poster画像が表示できない。
※動画のヘッダ情報が正しくないと再生できない機種あり。

　

　

【参考サイト】
スマートフォン向けにHTML5のvideoタグを使ってみたのでまとめておく
iPhone/Androidブラウザで動画を再生するときのハマりポイントと対処法
スマートフォン用サイトで動画を扱う時のポイント
Making HTML5 Video work on Android phones