Embeds

Responsive video, embeded elements, or iframe.

In order to make responsive embeds works, add this file. assets/css/rdta/components/rdta-embeds.css

---

Examples

Source

Aspect ratios

<!-- 21:9 -->
<div class="rd-embed-responsive rd-embed-responsive21by9">
    <iframe class="rd-embed-responsive-item" src="..."></iframe>
</div>

<!-- 16:9 -->
<div class="rd-embed-responsive rd-embed-responsive16by9">
    <iframe class="rd-embed-responsive-item" src="..."></iframe>
</div>

<!-- 8:5 -->
<div class="rd-embed-responsive rd-embed-responsive8by5">
    <iframe class="rd-embed-responsive-item" src="..."></iframe>
</div>

<!-- 4:3 -->
<div class="rd-embed-responsive rd-embed-responsive4by3">
    <iframe class="rd-embed-responsive-item" src="..."></iframe>
</div>

<!-- 3:2 -->
<div class="rd-embed-responsive rd-embed-responsive3by2">
    <iframe class="rd-embed-responsive-item" src="..."></iframe>
</div>

<!-- 1:1 -->
<div class="rd-embed-responsive rd-embed-responsive1by1">
    <iframe class="rd-embed-responsive-item" src="..."></iframe>
</div>

Video element

Source