How to stretch video by 100% if height is specified?

Question

css

Actually, the question is in the title.
Thanks for the answers
jsfiddle.net/yf404ndz/1

Answer 1

I propose like this:

<section id="sect_sel">
    <video id="video" autoplay="autoplay" loop="loop" preload="auto" muted>
    <source src="_images/rest.mp4"></source>
    </video>          
</section>

CSS styles:

section {
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
video {
    display: block;
    width: 100%;
}

Answer 2

If the height is specified, then no way, since the video is embedded with the preservation of its proportions, if one of the sides is fixed.
For example, open a video on a PC, make a small height (200 pixels) and stretch it by 100% with the mouse.