1). To get rid of space between video and control bar make video
element display: block
. By default it's inline-block
, hence a gap caused by white spaces (line breaks, tabs, etc.)
2). To center video element give it a margin: 0 auto
.
#video-player {
background-color: yellow;
display: block;
margin: 0 auto;
}