This module allows embedding external content by keeping its aspect ratio while resizing.
Just use the .embed-responsive class, and nest a <iframe>, <video>, <object> or <embed>.
You can also nest a .embed-responsive-item class for other types of elements.

For example, to force a 16:9 aspect ratio, use the .embed-responsive-16by9 class.

All supported aspect ratios

1:1
embed-responsive-1by1
16:9 (1.77:1)
embed-responsive-16by9
3:2 (1.50:1)
embed-responsive-3by2 and embed-responsive-2by3
4:3 (1.33:1)
embed-responsive-4by3 and embed-responsive-3by4
5:4 (1.25:1)
embed-responsive-5by4 and embed-responsive-4by5