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

4 votes258 views3 answers
Hyperlinks in html
Html
5 votes238 views2 answers
Innerhtml angular
Html
11 votes194 views1 answer
Jquery select th by class
Html
0 vote244 views1 answer
Svelte if in html attribute
Html
0 vote264 views1 answer
Meta http-equiv x-ua-compatible
Html
0 vote260 views1 answer
Checkbox onchange vue
Html
3 votes239 views2 answers
How to add color to particular text on <p>in html
Html
1 vote280 views1 answer
Anchor tag to go to top of the page
Html
0 vote273 views1 answer
How to reduce br space in html
Html
24 votes247 views5 answers
Get data tag
Html