I'm trying to display video as a web page which occupies exactly the entire size of the web window.

The width of the video is OK. However, the height of the video is "longer" than it should be (ie. need to be scrolled up to see the bottom part of the video).

I have the following code in the HTML page:

```
<body>
<video id="video" autoplay width="100%" height="100%"></video>
</body>

```

and the following CSS code:

```
html {
    min-height: 100%;
    min-width: 100%;
}

body {
    margin: 0 0 0 0;
}

video {
    margin: 0 0 0 0;
}

```

(The video is controlled by JavaScript and it works, ie. the video plays.)

The **problem** is that the video exceeded the height and it is ***truncated*** (ie. a portion of the bottom part video goes beyond the browser window and needs to scroll up to see it). 

**How do I make the window occupying exactly the height of the window (no more, no less - same height of the available viewing space of the web window)? Thanks!**