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

6 votes209 views3 answers
Prevent bootstrap modal from closing when clicking outside
Html
19 votes208 views3 answers
Default html template
Html
0 vote187 views1 answer
Filter vhtml vue
Html
3 votes197 views1 answer
No cache html
Html
0 vote194 views1 answer
Open app instagram with url html tag on android
Html
-2 votes204 views2 answers
How to highlight any text in html and css
Html
2 votes203 views2 answers
Image preview for website
Html
0 vote181 views1 answer
Typo3 params lost pagination
Html
1 vote203 views1 answer
Anchor tag for the same page
Html
0 vote203 views1 answer
How to darken a color with sass function
Html