Я использую довольно простую вставку iframe для YouTube, чтобы показать youtubevideos в блоке контента. НО, если ширина блока / iframe становится меньше, чем 513px. видео YouTube не будет использовать все доступное пространство для миниатюры. Я прочитал много вопросов и ответов о том, как избавиться от черных полос. но не нашел никого с этой проблемой.
jsfiddle доступен для настройки и тестирования.
Кроме того, я использую fitVids.js для принятия iframe к блоку / доступной ширине
http://jsfiddle.net/08bzL5qr/5/
<div class="block" style="width: 512px;">
<iframe src="//www.youtube.com/embed/c8W-auqg024?rel=0&modestbranding=0&showinfo=0" frameborder="0" solidratio="true" allowfullscreen=""></iframe>
<span>512px</span>
</div>
<div class="block" style="width:513px;">
<iframe src="//www.youtube.com/embed/c8W-auqg024?rel=0&modestbranding=0&showinfo=0" frameborder="0" solidratio="true" allowfullscreen=""></iframe>
<span>513px</span>
</div>