Title: limeforge's Replies | WordPress.org

---

# limeforge

  [  ](https://wordpress.org/support/users/limeforge/)

 *   [Profile](https://wordpress.org/support/users/limeforge/)
 *   [Topics Started](https://wordpress.org/support/users/limeforge/topics/)
 *   [Replies Created](https://wordpress.org/support/users/limeforge/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/limeforge/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/limeforge/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/limeforge/engagements/)
 *   [Favorites](https://wordpress.org/support/users/limeforge/favorites/)

 Search replies:

## Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)

 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Responsive] iFrames resizing to full width.](https://wordpress.org/support/topic/iframes-resizing-to-full-width/)
 *  Thread Starter [limeforge](https://wordpress.org/support/users/limeforge/)
 * (@limeforge)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/iframes-resizing-to-full-width/#post-3220855)
 * Ah, I’ve found the issue. While FitVids strips out the width and height parameters,
   it uses them to set the aspect ratio for the video. Hence they are needed.
 * In other words:
 * This code works perfectly – it’s responsive and has a correct aspect ratio of
   16:9 (the same as 480:270).
 * >  <iframe src=”[http://www.youtube.com/embed/g7_x3Mz04tY?autoplay=0&rel=0&controls=0&modestbranding&showinfo=0&#8243](http://www.youtube.com/embed/g7_x3Mz04tY?autoplay=0&rel=0&controls=0&modestbranding&showinfo=0&#8243);
   > frameborder=”0″ width=”480″ height=”270″></iframe>
 * This code picks up a default ratio of 18:9. I have no idea where it gets this
   from, but it doesn’t work.
 * >  <iframe src=”[http://www.youtube.com/embed/g7_x3Mz04tY?autoplay=0&rel=0&controls=0&modestbranding&showinfo=0&#8243](http://www.youtube.com/embed/g7_x3Mz04tY?autoplay=0&rel=0&controls=0&modestbranding&showinfo=0&#8243);
   > frameborder=”0″></iframe>
 * I hope this is helpful to anyone else encountering the issue. Obviously you should
   tweak the height/width to match your video and get the perfect iframe to embed
   it in.
 * Thanks again Emil, appreciate your patience and help.
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Responsive] iFrames resizing to full width.](https://wordpress.org/support/topic/iframes-resizing-to-full-width/)
 *  Thread Starter [limeforge](https://wordpress.org/support/users/limeforge/)
 * (@limeforge)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/iframes-resizing-to-full-width/#post-3220843)
 * Perhaps a picture would help explain better?
 * [⌊Comparison⌉⌊Comparison⌉[
 * The bars appear even when the width is set to 100%. Is the iframe/fitvids picking
   up some sort of left/right padding (inside the frame) from the col-940 perhaps?
 * The video also works correctly if I use it for the featured content on the home
   page.
 * Appreciate your assistance with this. =)
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Responsive] iFrames resizing to full width.](https://wordpress.org/support/topic/iframes-resizing-to-full-width/)
 *  Thread Starter [limeforge](https://wordpress.org/support/users/limeforge/)
 * (@limeforge)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/iframes-resizing-to-full-width/#post-3220841)
 * Sorry, I don’t think I’ve explained clearly.
 * If you click play, you will see that the video is 16:9, while the iframe is 18:
   9.
 * I have the same video embeded in this page and it doesn’t suffer from this issue:
   
   [http://www.limeforge.com/imaging-2/](http://www.limeforge.com/imaging-2/) On
   this page, the grid col-940 is split into two grid col-460. This doesn’t suffer
   vertical bars.
 * If you click play on both videos, the difference should be obvious. =)
 * So the difference I can see is that it appears to work in the 460 (yes, 460),
   but is sized incorrectly in the 940.
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Responsive] iFrames resizing to full width.](https://wordpress.org/support/topic/iframes-resizing-to-full-width/)
 *  Thread Starter [limeforge](https://wordpress.org/support/users/limeforge/)
 * (@limeforge)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/iframes-resizing-to-full-width/#post-3220835)
 * Apologies, it wasn’t public! It’s visible now. =)
 * I should add – you need to click play to see the vertical bars.
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Responsive] iFrames resizing to full width.](https://wordpress.org/support/topic/iframes-resizing-to-full-width/)
 *  Thread Starter [limeforge](https://wordpress.org/support/users/limeforge/)
 * (@limeforge)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/iframes-resizing-to-full-width/#post-3220823)
 * Of course.
    [http://www.limeforge.com/video-test-page/](http://www.limeforge.com/video-test-page/)
 * The page uses the Landing Page (no menu) template, with the following html:
    
   <div class=”wpm-videos”> <iframe src=”[http://www.youtube.com/embed/g7_x3Mz04tY?autoplay=0&rel=0&controls=0&modestbranding&showinfo=0&#8243](http://www.youtube.com/embed/g7_x3Mz04tY?autoplay=0&rel=0&controls=0&modestbranding&showinfo=0&#8243);
   frameborder=”0″></iframe> </div>
 * The corresponding CSS is:
    .wpm-videos { display: block; margin: 0 auto; max-
   width: 50%; }
 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Responsive] iFrames resizing to full width.](https://wordpress.org/support/topic/iframes-resizing-to-full-width/)
 *  Thread Starter [limeforge](https://wordpress.org/support/users/limeforge/)
 * (@limeforge)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/iframes-resizing-to-full-width/#post-3220784)
 * Thanks Emil.
 * I’ve updated to use this method, but I now have a new issue – the video size 
   is 16:9 format 409×230 (at 50%), whereas the iframe is resizing to 460×230 (or
   18:9). This results in black bars appearing either side of the video.
 * The ratios and bars remain the same when the video shrinks as the page is made
   smaller.
 * Any ideas on how to correct that?

Viewing 6 replies - 1 through 6 (of 6 total)