Bootstrap отзывчивые элементы

Bootstrap делаем отзывчивыми и элементы iframe

Bootstrap делаем отзывчивыми и элементы iframe

В Bootstrap отзывчивые элементы — это <iframe>, <embed>, <video> и <object>, содержащие класс .embed-responsive-item. Разрешаем браузерам определять размеры видео или слайд-шоу на основе ширины их содержащего блока, создавая соотношение сторон, которое будет правильно масштабировать на любом устройстве. Примечание: для HTML-элемента iframe необходимо добавлять frameborder=»0″, для сокрытия рамок.

Пример размещения отзывчивого элемента:

<!-- 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>

Добавить комментарий