html5の videoタグを使って動画が自動再生できないって時に確認すべき点

videoタグでWebページに動画埋め込んでサーバーにアップしたけど自動再生してくれなかったので原因を調べて分かったこと。

type=”***”を忘れるな

source タグを使う時は type=”***”を忘れずに記述すること。

<video autoplay loop muted poster="***.jpg">
	<source src="***.mp4" type="video/mp4" />
	<source src="***.ogv" type="video/ogg" />
	<source src="***.webm" type="video/webm" />
	<img src="***.jpg" />
</video>

.htaccessも見直せ

サーバーによっては .htaccessに以下の記述をしなくちゃいけないかも。

AddType video/mp4 .mp4
AddType video/ogg .ogv
AddType video/webm .webm

これだけやっても再生できないようなら単に動画置場とタグでの指定先（src=”***”）が違ってるんじゃね