В Bootstrap отзывчивые элементы — это <iframe>, <embed>, <video> и <object>, содержащие класс .embed-responsive-item. Разрешаем браузерам определять размеры видео или слайд-шоу на основе ширины их содержащего блока, создавая соотношение сторон, которое будет правильно масштабировать на любом устройстве. Примечание: для HTML-элемента iframe необходимо добавлять frameborder=»0″, для сокрытия рамок.
https://youtu.be/GbWyYCD215c
Пример размещения отзывчивого элемента:
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>Разместите на своем сайте iframe, содержащий видео с Youtube, например:
<iframe src="https://www.youtube.com/embed/tLZwh4zWByM" width="640" height="480" frameborder="0" allowfullscreen="allowfullscreen"></iframe>