【HTML5】Videoが動かないときに確認すること

  • 投稿日
  • 著者 ituki
  • カテゴリー Program
Pocket
LINEで送る

<source src="video/***.webm" type="video/webm">
<source src="video/***.mp4" type="video/mp4">

このようなコードでIEやChromeでVideoが動かない場合、mp4がH.264タイプではなく、MPEG4タイプかもしれません。

Macでの確認方法

QuickTIme Player＞Cmd+Iのインスペクタで、フォーマットがH.264（H.264タイプ）かMPEG-4（MPEG4タイプ）か確認できます。

Windowsでの確認方法

<video>タグでmp4の動画が再生されない（解決法）（たまちゃんHTMLのおうち～作成に役立つテクニック）の方法で確認できます。

[amazonjs asin=”4839943486″ locale=”JP” tmpl=”Small” title=”よくわかるHTML5+CSS3の教科書”]

HTML5 Video