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

44 votes390 views6 answers
Textarea disable resize
CSS
17 votes369 views2 answers
Css grid center elements inside div
CSS
0 vote391 views1 answer
Mixed-blend-mode css all properties
CSS
1 vote298 views1 answer
How to find the key of the largest value hash?
CSS
29 votes361 views3 answers
How to remove scrollbar in css
CSS
2 votes370 views1 answer
Excel arabic numbers
CSS
0 vote348 views1 answer
Flex direction tailwind
CSS
0 vote326 views1 answer
Siteorigin hide row
CSS
0 vote373 views1 answer
Añadir hojas css externas a wordpress
CSS
0 vote352 views1 answer
Specific id under class css
CSS