HTMLのvideoタグの動画を中央寄せする方法

HTMLのvideoタグの動画を中央寄せにする方法

こんにちは。

ゆうや(@yuyaphotograph)です!

この記事では、

  • htmlのvideoタグで設置した動画を中央寄せしたいけどうまくいかない

という方のお悩みを解決します!

divで囲ってあげよう

結論。

text-align:center;を指定したdivタグで、そのvideoタグを囲ってあげましょう。

以下、サンプルコードです!

video要素を中央寄せHTML
<div class="Video">
  <video src="sample.mp4"></video>
</div>
video要素を中央寄せCSS
.Video{
  text-align: center;
}