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 votes120 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
9 votes157 views2 answers
Semibold css
CSS
0 vote148 views3 answers
Hyper text programming language
CSS
2 votes130 views1 answer
Css div take remaining screen height
CSS
10 votes144 views5 answers
Css hr thickness
CSS
3 votes126 views2 answers
Hr tag customize using css
CSS
0 vote140 views1 answer
Element selector css
CSS
1 vote138 views1 answer
Css make image gray
CSS
-1 vote130 views2 answers
Css good background color
CSS
23 votes130 views2 answers
Center align in grid
CSS