#症状
videoタグで動画を表示する時に、
動画の下に余白が生まれることがあります。
「そんな余白を消したい！！」
という時の対処法です。
##対処法
- videoタグの親要素に
line-height: 100%;を指定 - videoタグの親要素に
display:flex;、align-items: end;を指定
1の方法は下記の記事から引用させていただきました。
・動画に謎の余白やマージン！削除する方法（HTML / CSS）
こちらの方法で問題なければバンザイです。
2へ進む必要はありません。
ただ、私の場合、
こちらの方法でも多少余白が少なくなったのですが、
少しだけ余白が残ってしまいました。
そこで、2の方法を試してみました。
すると、余白がきれいに無くなりました。
よかった。
備忘録なので簡単にしか説明していませんが、お困りのかたのお力になれれば！
以上です。