Video 100% width and height

Question

I have a video, and I want it to FILL 100% of the width, and 100% of the height. And keep the aspect ratio. Is it possible that it at least fills 100% for both? And if a bit of the video has to be out of the screen to keep the aspect ratio, that doesn't matter. HTML: ```

Accepted Answer

You can use Javascript to dynamically set the height to 100% of the window and then center it using a negative left margin based on the ratio of video width to window width.

http://jsfiddle.net/RfV5C/

```
var $video  = $('video'),
    $window = $(window);

$(window).resize(function(){
    var height = $window.height();
    $video.css('height', height);

var videoWidth = $video.width(),
        windowWidth = $window.width(),
    marginLeftAdjust =   (windowWidth - videoWidth) / 2;

$video.css({
        'height': height, 
        'marginLeft' : marginLeftAdjust
    });
}).resize();
```

Video 100% width and height

Solution

Problem