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

2 votes331 views1 answer
Css rounded corners at top only
CSS
25 votes330 views4 answers
Visibility
CSS
0 vote338 views1 answer
Divi hide header
CSS
0 vote344 views1 answer
Scss if
CSS
1 vote307 views1 answer
Css reset margin padding
CSS
0 vote441 views1 answer
Ufw allow from subnet
CSS
4 votes309 views1 answer
Change hex background opacity css
CSS
1 vote314 views1 answer
Stop css transition from firing on page load
CSS
43 votes329 views4 answers
What is a max and min width media query
CSS
0 vote331 views2 answers
How to set table data width in css
CSS