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

5 votes133 views1 answer
Add link behind a button in html
Html
3 votes135 views1 answer
Html table stack overflow
Html
0 vote150 views2 answers
Space between 2 h tags without break
Html
0 vote220 views1 answer
Embed instagram feed on website html
Html
2 votes121 views1 answer
Vue router link dynamic id
Html
0 vote149 views1 answer
Html5
Html
0 vote129 views2 answers
Button inside textarea
Html
14 votes169 views2 answers
Html make phone number callable
Html
2 votes130 views1 answer
Regular expression to look for html tags
Html
0 vote131 views1 answer
Userecoilstate vs userecoilvalue
Html