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 vote175 views1 answer
HCards
Html
13 votes231 views4 answers
HTML Text Formatting
Html
1 vote170 views3 answers
Twig format number
Html
1 vote247 views1 answer
Translate html Text in magento 2
Html
0 vote205 views2 answers
How to set the width and heigth of the canvas to be the same size as that of an image
Html
59 votes176 views2 answers
Text-muted
Html
2 votes189 views1 answer
Laravel raw html
Html
0 vote170 views1 answer
A varible for br html
Html
1 vote222 views3 answers
Email button html
Html
0 vote182 views1 answer
Express js search example
Html