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

0 vote184 views1 answer
Mailto html multiple addresses
Html
0 vote148 views1 answer
To centre each content in html
Html
5 votes157 views6 answers
Html button remove border on click
Html
0 vote172 views1 answer
Https://stackoverflow.com/questions/47961310/how-to-stack-multiple-images-in-bootstrap-4-carousel?rq=1
Html
4 votes153 views1 answer
Html flex not working
Html
0 vote174 views1 answer
Html input type file accept text and word files
Html
0 vote133 views1 answer
Robots txt no index entire site
Html
0 vote171 views1 answer
Symfony twig global
Html
0 vote169 views1 answer
Html element hover help text
Html
0 vote167 views1 answer
Sum total free html code
Html