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

17 votes111 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
7 votes112 views1 answer
Git clone command in terminal
CSS
120 votes113 views3 answers
React import bootstrap css file
CSS
2 votes122 views2 answers
Display none transition
CSS
0 vote111 views1 answer
DIVI Responsive menu breakpoints
CSS
0 vote101 views1 answer
Css add required asterisk after
CSS
0 vote105 views1 answer
Erase elements css
CSS
0 vote124 views1 answer
How to add css to alt attribute text
CSS
4 votes105 views2 answers
Add background overlay over background image
CSS
22 votes115 views3 answers
Remove styling from a tag
CSS