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