jQuery Plugin For Responsive Flexible Iframes Flexy - Download jQuery Plugin For Responsive Flexible Iframes - Flexy

Download jQuery Plugin For Responsive Flexible Iframes – Flexy

By Posted on

This time I will share jQuery Plugin and tutorial about jQuery Plugin For Responsive Flexible Iframes – Flexy, hope it will help you in programming stack.

jQuery Plugin For Responsive Flexible Iframes Flexy - Download jQuery Plugin For Responsive Flexible Iframes - Flexy
File Size: 62.1 KB
Views Total: 1067
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Demo Download

Flexy is a lightweight jQuery plugin designed for responsive, cross-browser website that automatically scales the iframes to make them adapt to any screen size. Suitable for any iframe elements like Youtube and Vimeo vidoe players.

Basic usage:

1. Load jQuery JavaScript library and the jQuery flexy plugin at the bottom of the html page.

view source
1 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
2 <script src="flexy.js"></script>

2. Just call the flexy() method on the iframe element within the document and we’re done.

view source
1 $('iframe').flexy({
2   addcss: true,
3   classname: 'flexy-wrapper',
4   widescreen: true
5 });

3. Available options.

view source
01 $('iframe').flexy({
02  
03   // Enables default flexy inline CSS
04   addcss: true,
05  
06   // CSS class applied to wrapper
07   classname: 'flexy-wrapper',
08  
09   // Enables wide screen format (16/9).
10   // Made especially for Vimeo embed
11   widescreen: true
12    
13 });

Change log:

2016-10-12

  • bugfix.

This awesome jQuery plugin is developed by crewstyle. For more Advanced Usages, please check the demo page or visit the official website.

source : jqueryscript.net

Related posts: