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

0 vote206 views1 answer
What is the opacity of disabled text
CSS
0 vote186 views1 answer
Css set width of a span
CSS
0 vote174 views1 answer
Firefox-scroll-css
CSS
51 votes173 views6 answers
Ellipsis css
CSS
7 votes208 views6 answers
Jquery remove css class
CSS
107 votes191 views4 answers
How to add background shadow css
CSS
-2 votes200 views2 answers
Scss how to declare variable for multiple files
CSS
13 votes186 views7 answers
Animate.css
CSS
33 votes196 views2 answers
Gradient text colors
CSS
45 votes185 views6 answers
How to write css in html
CSS