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 vote185 views1 answer
Css blur background behind div
CSS
0 vote200 views1 answer
Not the first child and not the last child css
CSS
0 vote182 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.scss - sassy css is the new syntax as of Sass 3
CSS
-1 vote198 views1 answer
Css blur gradient
CSS
0 vote192 views1 answer
Degradado color css
CSS
0 vote197 views1 answer
Responsive gradient background css
CSS
0 vote195 views1 answer
Drupal 8 Notice: Trying to get property
CSS
5 votes186 views3 answers
Css set div heigtto screen
CSS
16 votes199 views2 answers
How to set background image 100 height
CSS
0 vote183 views1 answer
Css tutorial point
CSS