Go to homepage

Projects /

Responsive iframe

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

View Demo

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.


Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.