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

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の教科書”]