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

80 votes349 views2 answers
Text-transform
CSS
0 vote366 views1 answer
Responsive card css
CSS
1 vote369 views1 answer
Html video css
CSS
-2 votes353 views1 answer
How to add after psuedo class in html
CSS
0 vote322 views1 answer
Css buchstaben auseinander weite
CSS
0 vote347 views1 answer
Laravel enum float
CSS
0 vote340 views2 answers
How to zoom picture on hover using css
CSS
10 votes351 views4 answers
Css align ul li horizontal
CSS
0 vote387 views1 answer
! [remote rejected] master -> master (Working directory has unstaged changes)
CSS
0 vote324 views1 answer
Change image link css
CSS