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

1 vote207 views1 answer
Css hide div on mobile
CSS
0 vote197 views1 answer
Add a class to header
CSS
2 votes199 views2 answers
Input disabled remove css
CSS
0 vote288 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
-1 vote211 views2 answers
Css lock scroll
CSS
1 vote255 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
0 vote239 views1 answer
Css diminuer épaisseur trait
CSS
47 votes218 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
0 vote198 views2 answers
Css firefox remove scrollbar
CSS
0 vote220 views1 answer
Html css limit page to a4
CSS