To solve the issue, go for responsive padding, wherein padding-top will be the percent of the width.
CSS for video −
#video-box {
padding-top: 56.25%;
position: relative;
}
video, object {
width: 100%;
height: 100%;
top: 0; display: block;
position: absolute;
}