Lightweight JS Library For Responsive Embedded Content – reframe.js

Preview:

Description:

reframe.js is a lightweight and pure JavaScript library which makes any embedded content (e.g. iframes, videos, Youtube videos) fully responsive to fit any screen size.

Installation:

# Yarn
$ yarn add reframe.js
# NPM
$ npm install reframe.js --save

Basic usage:

Include the necessary JavaScript and CSS files on the webpage.

<link href="dist/reframe.css" rel="stylesheet" type="text/css">
<script src="dist/reframe.js"></script>

Just call the reframe function on the target select and we’re done.

reframe('#demo');

Changelog:

09/13/2018

• v2.2.3