動画、MP4形式なのに再生できない！

▼サクッと結論が見たい人は　こちら

クライアントさんから「MP4送ります」と動画をもらい
HTMLに埋め込んで、そこから見てもらうという仕事がありました。

「・・・・見れん（－－；）」なぜ？？

safari（サファリ）、Internet Explorer（インターネットエクスプローラー）、Google Chrome（グーグルクローム）、Firefox（ファイアーフォックス）で確かめてみましたが、どれも見れん。
試しに、他のクライアントさんから届いたMP4を入れてみたら
見れるんだなー・・・


・・・何かが違うのだけど、何が違うのだろう？
Firefoxの開発ツールで見たら「mp4をデコードできませんでした」と出ます。

> デコード：符号化（エンコード）されたデータを元の状態に戻す（復元、復号）すること。
デコード(デコード)とは - コトバンク

そのようなわけで、いろいろ検索してみたところ・・・

↓こちらが役立ちました！！
↓たまちゃん さん、ありがとうございます！！
＜video＞タグでmp4の動画が再生されない（解決法）
http://tamachan.tama777.com/Reference/small_technic_Video_mp4.html

こちらのサイトにあるように

結果的には、MPEG-4タイプのmp4を、H.264／AVC タイプのmp4に変えてあげて解決です。

ちょっとかしこくなった気分になれるので、たまちゃんのサイトに書かれてあることを実行してみました。

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ならファイルを作りなおしてみてください。

（↓画像はクリックで拡大します)

↓MediaInfo は窓の杜からダウンロードして入れてみました。
↓クリックで窓の杜に飛びます。


↓見れないMP4

↓見れるMP4

・・・と、いうことで、クライアントさんに「MP4のAVC形式」で書き出した動画をもらい、見れるようになりました。
良かった ε-(´∀｀; )ホッ

動画のコーデックについてはこちがら分かりやすいかも。
↓
【動画が再生できない!?】そんなときに必ず役立つ5つの知識 | Smarvee Press
4.代表的な動画ファイルと鍵の種類を知ろう！