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 vote215 views1 answer
Drupal 8 Notice: Trying to get property
CSS
35 votes217 views4 answers
Css nth element
CSS
17 votes197 views2 answers
Css horizontal gradient background color
CSS
7 votes243 views3 answers
Make text unselectable css
CSS
0 vote196 views1 answer
Backface-visibility sass
CSS
0 vote278 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
7 votes212 views3 answers
Remove hover effect css
CSS
0 vote205 views1 answer
Mat slider custom color
CSS
0 vote238 views1 answer
Z-index: 1000000;
CSS
0 vote222 views1 answer
Html css how to arrange images of different sizes
CSS