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

85 votes154 views6 answers
How to insert images into html
Html
10 votes143 views1 answer
Turn of sujestion in input
Html
0 vote134 views1 answer
Px in react is different from html file
Html
12 votes139 views1 answer
Jquery ui cdn
Html
-1 vote145 views2 answers
Input button in html
Html
-3 votes132 views2 answers
Vue hide
Html
0 vote135 views1 answer
Mouse hover image html
Html
0 vote142 views1 answer
Show html files from firebase android studio
Html
19 votes131 views4 answers
How to make a background color in html
Html
0 vote181 views1 answer
Remove address underlining formatting from gmail
Html