Doghouse UiKit

11.3 #Objects.duk-responsive-video Responsive video

Toggle example guides Toggle HTML markup

Maintains the aspect ratio of an iframe video while being responsive. Uses duk-responsive-aspect-ratio().

Example
Markup
 <div class="duk-responsive-video" style="max-width: 540px">
   <iframe width="560" height="315" src="https://www.youtube.com/embed/Imeq3GeRttw" frameborder="0" allowfullscreen></iframe>
 </div>
Source: scss/objects/_responsive-aspect-ratio.scss, line 20