Here’s an example: http://jsfiddle.net/Cn7SU/
Just add these CSS rules to the element video:
display: block;
margin: 0 auto;
Add the display: block property is very important. Otherwise you can’t center the element.
Here are 3 ways to center your video:
1. Using margin
video {
display: block;
margin: auto;
}
2. Using transform
video {
margin-left: 50vw;
transform: translate(-50%);
}
3. Using a container & flexbox
.container video {
display: flex;
justify-content: center;
}