ウェブサイトに動画を埋め込む際に引っかかったところ

ウェブサイトに動画を埋め込む際に躓いたところがあるので
それをまとめておこうと思います。

PCの場合は問題なかったのですが、iPhoneやiPadなどの各ブラウザでvideoタグで埋め込んだ動画が
自動再生されずサムネイルも小さく表示されているという状態になりました。

この現象が起こったときに私が設定していた内容は、「autoplay」「loop」のみでした。
いろいろと検索した結果、

自動再生を設定している場合、ミュートは必須ということがわかりました。
あまり意識してなかったのですが、「autoplayとmutedはセット」のようです。

つまりはこういうこと。

<video src="○○○○.mp4" type="video/mp4" loop autoplay muted poster="○○○○.png">
</video>

同じように息詰まった方がいればこれを試してみてください!