Had the same problem. Easiest way would just change the width settings to %of the div. i.e width="90%". This can mess up the ratios but it works as a quick fix.
Otherwise have a look here: http://poslavsky.com/blog/2012/04/01/responsive-video-in-twitter-bootstrap/ On Friday, February 10, 2012 7:04:36 AM UTC, soichi wrote: > > for Bootstrap2, > > I am trying to embed a YouTube video in Bootstrap + html. For that, > media grid seems perfect. > > so I tried, > > <div class="span9"> > <ul class="thumbnails"> > <li class="span4"> > <a href="#" class="thumbnail"> > <iframe width="360" height="268" > src="http://www.youtube.com/ > > embed/xVz1niSO3hg <http://www.youtube.com/embed/xVz1niSO3hg>" > frameborder="0" allowfullscreen></iframe> > </a> > </li> > </ul> > ... > > does not match perfectly. The grid is much smaller than the video > itself, and if I change the size of browser, the layout gets messed > up. > I would like to place another adjacent element on the right, so > perfect fitting becomes crucial. > > Am I doing anything wrong? > > Thanks in advance. > > soichi > >
