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 votes403 views3 answers
Tailwind align-self center
Html
0 vote361 views1 answer
Html div horizontal
Html
0 vote342 views1 answer
Open .html file in webbrowser c#
Html
0 vote333 views2 answers
Serve images in nextgen formats webp
Html
75 votes347 views5 answers
Copyright sign in html
Html
5 votes322 views2 answers
Removing filepath from url using htaccess
Html
-1 vote362 views2 answers
Website making sites
Html
0 vote330 views1 answer
Selenium xpath by id
Html
1 vote333 views1 answer
Datatable tfoot renders after thead and before tbody
Html
0 vote374 views1 answer
Html input tooltip
Html