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 vote406 views1 answer
Vertical align x horizontal
CSS
7 votes334 views3 answers
Css all except last
CSS
3 votes368 views1 answer
Javafx button padding css
CSS
2 votes406 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
20 votes384 views2 answers
Css disable selection
CSS
0 vote376 views1 answer
Object-position
CSS
3 votes340 views2 answers
Crop image with circle css
CSS
1 vote362 views1 answer
"League\Flysystem\AwsS3v3\AwsS3Adapter"
CSS
0 vote342 views1 answer
The edit queue is full at the moment - try again in a few minutes!
CSS
0 vote381 views1 answer
Css break after 2 words
CSS