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 vote139 views1 answer
Laravel route regular expression constraints
Html
30 votes154 views4 answers
Only accept image file input
Html
0 vote153 views2 answers
Https://www.roblox.com/users/1528865483/profile
Html
0 vote149 views1 answer
Import html display
Html
83 votes169 views6 answers
Open anchor tag in new tab
Html
1 vote171 views1 answer
How to show a splash screen html page only once
Html
0 vote154 views1 answer
Fondos en html5
Html
12 votes151 views2 answers
How to center a div on teh screen
Html
0 vote179 views1 answer
How to make a alert in powershell
Html
9 votes174 views2 answers
How to make a div stick to bottom of page bootstrap
Html