iframe Embeds

Version: 0.9.0

Edit

Forces an embedded iframe (e.g. youtube video) to respond to size of its container.

iframe Embed

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/objects/iframe-embeds.scss#L11

<!-- iframe embed -->
<div class="o-iframe-embed">
  <iframe src="https://www.youtube.com/embed/fxuAUZ7XKdQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">
     <!-- youtube embed -->
  </iframe>
</div>

ISU Video Embed

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/objects/iframe-embeds.scss#L26

<!-- isu video embed -->
<!-- v3 Legacy sites only, deprecated elsewhere. Use .o-iframe-embed -->
<div class="isu-video-embed">
  <iframe src="https://www.youtube.com/embed/fxuAUZ7XKdQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">
     <!-- youtube embed -->
  </iframe>
</div>