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

1 vote247 views1 answer
Css selector with text content
CSS
5 votes209 views3 answers
How to make a linear gradient in css
CSS
4 votes292 views1 answer
Scss sass on hover pseudo-class
CSS
1 vote224 views2 answers
How to add tailwind css in yarn
CSS
0 vote238 views2 answers
How to change jumbotron size
CSS
0 vote221 views1 answer
Imporatn css
CSS
0 vote281 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
3 votes225 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS
37 votes205 views4 answers
Select even child css
CSS
0 vote219 views1 answer
Best os for programming
CSS