html5の videoタグを使って動画が自動再生できないって時に確認すべき点
videoタグでWebページに動画埋め込んでサーバーにアップしたけど自動再生してくれなかったので原因を調べて分かったこと。
type=”***”を忘れるな
source タグを使う時は type=”***”を忘れずに記述すること。
1 2 3 4 5 6 | <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に以下の記述をしなくちゃいけないかも。
1 2 3 | AddType video/mp4 .mp4 AddType video/ogg .ogv AddType video/webm .webm |
これだけやっても再生できないようなら単に動画置場とタグでの指定先(src=”***”)が違ってるんじゃね