はてなブックマーク

私がやりたかったのは、「自動再生、ループ」この２点。 なので、以下のようにしました。 NG例 <video autoplay loop> <source src=".../●●●.mp4" type="video/mp4"> <img src=".../■■■.png"> </video> プレビューした結果が… ・Chromeで再生しない（スマホもPCも） ・スマホで再生しない（というか、表示されない！） ・レスポンシブしない（メディアクエリが効いてない？） 自動再生するなら、ミュートは必須／autoplayとmutedはセット まず、Chrome、スマホで再生されないのは「muted属性」が抜けていたため。 今回埋め込みのため用意した動画はそもそも音がないものだったので、気にしていなかったのですが、これをつけるだけで、「Chrome、スマホで再生されない」は解決。 この問題の原因は「a