Responsive Height/Width Video Header

Question

I\'m working on making a responsive html5 video header for a website, I would like it to respond vertically as well as horizontally, using CSS only for responsiveness.

<

Answer 1

HTML elements are left and top aligned. What you could do is to expand the container to a large size and use margin: auto

Example CSS:

video {
    position:absolute;
    top: -99999px;
    bottom: -99999px;
    left: -99999px;
    right: -99999px;
    margin: auto;
    height: auto;
    min-height:100%;
    min-width:50%;
}

Demo: http://jsfiddle.net/mLnsbyk1/