responsive-iframe

Basic Responsive iFrames

Provides a zero-configuration method of creating responsive iframes.

Installation

npm

1. npm install responsive-iframe

yarn

1. yarn add responsive-iframe

Manually

1. Download https://github.com/OwenMelbz/responsive-iframe/archive/master.zip

Usage

npm/webpack/rollup/etc

1. require('responsive-iframe')
2. Embed your iframe, and add a height/width element (this acts as an aspect ratio)

Manually

1. Include responsive-frame.js into your project
2. Embed your iframe, and add a height/width element (this acts as an aspect ratio)

Configuration

1. If you want to exclude an iframe from resizing, add .dont-resize class to your element