Responsive Embeds

‹ Back

Youtube Video

All you need to do is wrap a div around the youtube embed to make it responsive:

<div class="embed__youtube">
  <iframe src="//" frameborder="0" allowfullscreen></iframe>

Vimeo Video

Vimeo videos have a slightly different aspect ratio so you can use a custom vimeo class for those:

<div class="embed__vimeo">
  <iframe src="//" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>


Issuu embeds are responsive too, no extra divs needed:

<div data-configid="0/10351939" style="width: 525px; height: 340px;" class="issuuembed"></div>
<script type="text/javascript" src="//" async="true"></script>