GIF 形式の動画

アニメーション GIF は、同等の MP4 動画の 5 ～ 20 倍の大きさになります。ただし、<video> タグに autoplay loop muted playsinline 属性を含めることで、MP4 動画を GIF のような外観に構成できます。また、レイアウト シフトを防ぐために、width 属性と height 属性を必ず設定します。GIF を MP4 に変換する手順については、MPEG 動画を作成するをご覧ください。

HTML

<video autoplay loop muted playsinline width="320" height="240">
    <source src="dog.mp4" type="video/mp4">
</video>