Responsive iframe

Responsive wrapper for iframe elements (e.g., YouTube and Vimeo videos).

How to

This Responsive iframe component allows you to display a responsive iframe element whose height is modified according to the aspect ratio of its content.

It can be used to embed content like YouTube or Vimeo videos (that are not responsive by default).

The aspect ratio is set using the aspect-ratio utility classes.

Categories

• Content and Layout > Misc

Bug report & feedback

Component Github page ↗