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

6 votes107 views2 answers
How to change text on hover
CSS
0 vote210 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
22 votes170 views2 answers
Rgb gold color
CSS
0 vote140 views1 answer
How to link css file nodjes
CSS
0 vote135 views2 answers
Systemd on wsl2
CSS
6 votes168 views2 answers
Css how to prevent horizontal scrolling
CSS
15 votes163 views3 answers
Drop shadow image css
CSS
8 votes149 views2 answers
Css background image full screen responsive
CSS
1 vote156 views2 answers
Css button style rectangle
CSS
0 vote151 views1 answer
Cypress check css property value
CSS