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 vote303 views1 answer
Defloration
Html
-1 vote307 views1 answer
Negrita html
Html
3 votes379 views2 answers
Mobile prevent zoom
Html
1 vote316 views2 answers
Display none on button click
Html
0 vote305 views1 answer
Html how to create a box in the middle of a image
Html
0 vote293 views1 answer
How to create seprate flex box for adding items into the box
Html
57 votes301 views6 answers
How to remove underline from link in html
Html
0 vote303 views1 answer
How to send boolean with newselectList from cshtml in form C#
Html
0 vote286 views1 answer
Html5 use of section tag in onepage template
Html
0 vote283 views1 answer
C++ compile syntax error
Html