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 votes156 views1 answer
Media queries iphone 11
CSS
1 vote161 views1 answer
Write text in one line css
CSS
0 vote150 views1 answer
Edit default theme in component angular css
CSS
3 votes179 views3 answers
How to use image zoom effect in css
CSS
0 vote149 views2 answers
Bootstrap 4 scss angular 8
CSS
0 vote164 views1 answer
Html display text in alternating coloured panels
CSS
0 vote137 views1 answer
Css animation click
CSS
0 vote145 views4 answers
Uikit theme
CSS
7 votes151 views3 answers
Sans serif font family css
CSS
0 vote179 views1 answer
What is the opacity of disabled text
CSS