Center a video horizontally

/*option 1:this makes the video responsive*/
.videoDiv
{
    width: 70%; /*or whatever % you prefer*/
    margin: 0 auto;
    display: block;
}

/* option 2* does not make the video responsive*/

.videoDiv{
  margin:0 auto;
  display: block;
}

Source: stackoverflow.com

Center a video horizontally

<div class="videoDiv">
  <video width="100%" controls>
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
    <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
  Your browser does not support the video tag.
  </video>
</div>

Source: stackoverflow.com

Similar codes

2 votes152 views1 answer
Failed to load resource: the server responded with a status of 503 (service unavailable)
Html
0 vote146 views1 answer
Twig format currency
Html
0 vote172 views1 answer
Html picture unpressable
Html
0 vote159 views1 answer
How to preselect an option
Html
0 vote141 views1 answer
Px in server is different from html file
Html
1 vote176 views2 answers
Owl carousel get started
Html
0 vote154 views1 answer
Host images for free html
Html
1 vote161 views1 answer
How to run html file in ubuntu
Html
1 vote149 views1 answer
Do not close dialog box when click outside bootstrap modal
Html
0 vote295 views4 answers
Material datepicker
Html