I have to make a video where it has a fixed height and a width of 100%, the problem is that when I use height: 100% does not work and if I use height: auto; with width: 100%; also does not work because the video is the original height of it, what I would like was that the video was 100% tall and lagura but respecting the container that it is. If anyone has any ideas thank you for all that I found do not work. If anyone knows with iframe it can be too.
CSS
.container{ width:100%; height:732px; float:left; position:relative; }
.container video{ width:100%; height:100%; float:left; }
HTML
<div class="container">
<video controls src="videos/video1.mp4"></video>
</div>