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

23 votes186 views6 answers
Bootstrap navigation bar
Html
0 vote198 views1 answer
Ion-row scrolly
Html
0 vote183 views1 answer
Bootstrap Navbar Tutorial style custom JS and CSS
Html
4 votes198 views1 answer
Bootsrap label
Html
6 votes188 views2 answers
How to make links open in a new window
Html
0 vote210 views1 answer
Js lib alert
Html
0 vote182 views1 answer
Insertar html en react
Html
12 votes188 views5 answers
Meta refresh url
Html
0 vote249 views1 answer
What is staging environment
Html
304 votes492 views10 answers
Amc stock
Html