html5ではvideoタグを使うことで簡単にページに動画データを埋め込む事が出来ますが、スマートフォンで見た場合にはiOSとandroidで対応している物、していない物が違うので注意が必要です。場合によっては以前のように「PCでは動画」「スマートフォンでは画像」というやり方が必要になってきます。
- controls:コントロールパネルを表示する
- auto(muted属性とセット)
サイトの表示を早くする
video要素は読み込むのに時間がかかるため、一部のブラウザーではloading属性を使って動画の読み込むタイミングをずらす事が出来ます。
「loading="lazy"」
例
<video id="" src="" muted loading="lazy" playsinline poster="example.jpg"></video>