html5 video with fixed height and malleable width

1

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>
    
asked by anonymous 17.08.2015 / 22:46

1 answer

0

Your question is not very clear. If you want a child element to inherit the width and height of its parent element ( .container ), see my example: link

    
18.08.2015 / 00:00