症状

videoタグで動画を表示する時に、
動画の下に余白が生まれることがあります。

「そんな余白を消したい！！」

という時の対処法です。

対処法

1. videoタグの親要素にline-height: 100%;を指定
2. videoタグの親要素にdisplay:flex;、align-items: end;を指定

1の方法は下記の記事から引用させていただきました。
・動画に謎の余白やマージン！削除する方法（HTML / CSS）
こちらの方法で問題なければバンザイです。
2へ進む必要はありません。

ただ、私の場合、
こちらの方法でも多少余白が少なくなったのですが、
少しだけ余白が残ってしまいました。

そこで、2の方法を試してみました。
すると、余白がきれいに無くなりました。

よかった。

備忘録なので簡単にしか説明していませんが、お困りのかたのお力になれれば！
以上です。