作成に役立つテクニック　　　<video>タグでmp4の動画が再生されない

HTML5の<video>タグでmp4の画像が再生されないパターンにはまりました。
IE9で起きる現象です。 他の形式の動画は再生されるがMPEG4だけはダメという場合は、同じ原因かもしれません。 以下の手順で確認してください。
原因は、mp4には種類（MPEG4、H.264とか）があるのにこれを把握していなかったためでした(-_-;)
要は、IE9はH.264タイプのmp4に対応していることでした。（マシンにcodecがインストールされている場合はWebMにも対応）
結果的には、MPEG-4タイプのmp4を、H.264 タイプのmp4に変えてあげて解決です。
★<video>タグを用いた動画の埋め込みも参照してください。

★IE9で動画に対してのデバッグの方法

1. 問題のあると思われるサイトを開く
2. [ツール]メニュー-[F12 開発者ツール]クリック
   ショートカットキー：F12
   まずは、ファイルエラーの確認です。
3. [コンソール]タブをクリックする
4. 一番下の欄に「document.getElementsByTagName("video")[0].error.code」と入力（Enter）
   ここで、エラー４と表示されると、MPEG4の種類などに問題があることになります。
   問題がないときは、『プロパティ 'code' の値を取得できません: オブジェクトは Null または未定義です。』 が表示されます。
   
   エラー４のときはエンコードがH.264 タイプのmp4であるか、確認してください。ファイルがH.264 タイプのmp4であるかどうかのは MediaInfo などで確認できます。MediaInfoでは、H.264なら「1ﾋﾞﾃﾞｵｽﾄﾘｰﾑ:AVC」、MPEG4なら「1ﾋﾞﾃﾞｵｽﾄﾘｰﾑ:MPEG4 Visual」のように表示されます。 MPEG4ならファイルを作りなおしてみてください。
   ここでで問題なければ、続けてMIMEタイプの確認を行います。
5. [ネットワーク]タブをクリックする
6. [チャプチャの開始]をクリック
7. サイト表示画面に戻り、F5ボタンをクリックして更新
   
   リストの「種類」を確認してください。 「video/mp4」でなければ、サーバーに対して正しいMIMEタイプが返るようにする必要があります。
   リストの項目をダブルクリックすると、その他の値も確認できます。

thebeebs を参照しました。

関連
■STEP7　動画　★<video>タグを用いた動画の埋め込み