title: Unwanted side margins on embedded iframe video from Vimeo
body: <p>I am embedding videos from Vimeo in a container div as follows:</p>
  
  <pre><code> &lt;div class="video_container"&gt;   
   &lt;iframe class="videos" src="https://player.vimeo.com/video/190283538?
   title=0&amp;byline=0&amp;portrait=0" width="640" height="360" frameborder="0" 
   webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Then my CSS rule sets the videos' width to 100%. However, they do not fully fit the container div. Inspecting Developer tools on chrome I see that the iframe video has layers of inner divs and there is one in particular with "vp-player-layout" class where the troublesome "left" and "right" values are introduced. </p>
  
  <p>How can I access such inner divs and modify them in CSS? or is there any other solution to resolve this issue. </p>
  
  <p>Thanks.  </p>