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

42 votes133 views5 answers
Npm bootstrap
CSS
3 votes135 views3 answers
Svg animation css
CSS
0 vote128 views1 answer
How to get text to auto break in a grid
CSS
0 vote132 views1 answer
Set number word to new line html
CSS
-1 vote127 views1 answer
Purge tailwind css
CSS
53 votes131 views6 answers
Background color
CSS
0 vote137 views1 answer
Write the CSS styling inside the HTML page
CSS
5 votes158 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
4 votes124 views2 answers
How to make fonts respnsive
CSS
13 votes141 views3 answers
Center position fixed
CSS