my vimeo video is not displayed right pls some advice

Question

I cannot force my video to be full width of the available space and auto height. The iframe has full width but the video has a very small size.

CSS

.embed-container {
    position: relative; 
    height: 0; 
    overflow: hidden; 
    width: 100% !important; 
    height: auto !important;
    max-height: 600px !important;
}

HTML

<div id="fourth-block">
  <div id="embed_container" class='embed-container'>
    <iframe src='http://player.vimeo.com/video/119060390?color=de141b' id="video" frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
  </div>
</div>

Answer 1

Add this to your CSS

.embed-container iframe{height:100%;width:100%;}

OR

#embed_container iframe{height:100%;width:100%;}

This will push the iframe to 100% so you can use .embed-container or embed_container as the container for the iframe.

<div id="embed_container" class='embed-container'>
<iframe src='http://player.vimeo.com/video/119060390?color=de141b' id="video" frameborder='0'></iframe>
</div>