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

2 votes171 views1 answer
How to pass two values in one html.actionlink
Html
0 vote183 views1 answer
Unicode menu icon
Html
8 votes193 views1 answer
How to get number list in html
Html
15 votes241 views3 answers
How to create an html file
Html
34 votes189 views6 answers
Bootstrap checkbox
Html
2 votes177 views1 answer
How to use an html div by name in jquery
Html
219 votes280 views5 answers
Bootstrap latest version cdn
Html
0 vote200 views1 answer
Vue-date-pick
Html
2 votes171 views1 answer
Corona virus cases utah
Html
0 vote175 views1 answer
How do I change the default text in dropzone.js?
Html