Responsive embed

— Responsive video or slideshow embeds based on the width of the parent. See Bootstrap documentation.

Vimeo video example

<!-- Video embed (Vimeo) -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/VIDEO_ID?color=0055ff&title=0&byline=0&portrait=0" allowfullscreen></iframe>
</div>

// Video embed (Vimeo)
.embed-responsive.embed-responsive-16by9
  iframe(src="https://player.vimeo.com/video/VIDEO_ID?color=0055ff&title=0&byline=0&portrait=0", allowfullscreen).embed-responsive-item

YouTube video example

<!-- Video embed (YouTube) -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/VIDEO_ID" allowfullscreen></iframe>
</div>

// Video embed (YouTube)
.embed-responsive.embed-responsive-16by9
  iframe(src="https://www.youtube.com/embed/VIDEO_ID", allowfullscreen).embed-responsive-item