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

17 votes118 views2 answers
Place item center in css using grid
CSS
0 vote144 views1 answer
How to disable keyboard in windows 10
CSS
0 vote182 views1 answer
Css inherit class
CSS
52 votes113 views4 answers
Rgba green color
CSS
43 votes127 views6 answers
Nth-child in css
CSS
1 vote133 views1 answer
How to do a smooth transform scale
CSS
38 votes148 views3 answers
Media breakpoints
CSS
0 vote131 views1 answer
Td min-height not working
CSS
0 vote113 views2 answers
Nativescript hr
CSS
0 vote132 views1 answer
Cl image tag width
CSS