video center

How to align video center

by Renatoch

HTML

<title>Test</title>
<h1>
   How do you center a video 
</h1>
<div class="center">
   <video controls="controls">
      <source src="https://repositorio.ufsc.br/xmlui/bitstream/handle/123456789/100149/VĂ­deo%20convertido.mp4" type="video/mp4" />
   </video>
</div>

CSS

video {
  width: 50% !important;
  height: auto !important;
  margin: 0 auto;
  display: block;
}

h1 {
  text-align: center;
  color: #154d71;
  font-size: 20px;
}