How can I center a video in HTML?

There are many ways to center a video using HTML, here are few

• Using Margin
  

  video.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  

  Fiddle: https://jsfiddle.net/4nupg1a8/

• Using Transform in CSS
  

  video {
    margin-left: 50vw;
    transform: translate(-50%);
  }

• Using HTML Center Tag
  

  <center>
   <video width="400" controls>
    <source src="mov_bbb.mp4" type="video/mp4">
    Your browser does not support HTML video.
   </video>
  </center>

  Fiddle: https://jsfiddle.net/4th0dpy6/

• Using Flexbox
  

  .container video {
    display: flex;
    justify-content: center;
  }

You can also review this Responsive center image using pure CSS or Bootstrap 3/4 which can be helpful.

Hope it helps.