🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. jQuery Responsive IFrames

jQuery Responsive IFrames

IFrames are commonly used to allow embedding of third-party content. Many popular services, such as YouTube and Facebook, make extensive use of IFrames in their embeddable widgets.On a responsive website, all page components must be responsive. There are multiple ways of making an IFrame responsive. Some responsive IFrame use-cases can be solved with simple Javascript and CSS. Our library targets a challenging use-case in which embedded content:Can have unknown width and height Can have unknown width/height ratio Can change its width or height as users interact with dynamic content and we want the size of the IFrame to change accordingly to avoid scrollbars.Making IFrames with such constraints is a challenging task. We developed this tiny (0.9KB minified and gzipped) jQuery plugin, at NPR, to make the task easier.For simpler use-cases, e.g. targeting the embedding of fixed ratio video content, you may want to check-out: FitVid.js, instead.

Plugins Responsive Web
Demo Download Tutorial

Documentation

You May Also Like

xBreadcrumbs jQuery Plugins with Demo

jSnow – jQuery Snow Effect with Demo

jQuery Mega Select List with Demo

Face detection jQuery Plugin with Demo

MobilySelect jQuery plugin

LETTERING.JS web typography jQuery plugin

AviaSlider jQuery slideshow Plugin with Demo

imgAreaSelect image crop jQuery plugin with Demo

Style-my-tooltips jQuery plugin with Demo

jQuery UniqueField plugin with Demo

Contactable – A jQuery Plugin with Demo

jQuery Page Curl with Demo

Supersized 3.0 jQuery Plugin with Demo

Flip! jQuery plugin with Demo

idTabs jQuery Plugin with Demo

Tabify jQuery Plugin with Demo

Contained Sticky Scroll jQuery Plugin with Demo

Display Your Favourite Music with jQuery & Last.fm

Digg Like URL Submitter Using jQuery and PHP with Demo

jQuery Autocomplete plugin

gmap google maps plugin for jquery

How to Create a jQuery Confirm Dialog Replacement

Autotab: jQuery auto-tabbing and filter plugin

zClip: jQuery ZeroClipboard

jQuery Splatter Plugin

An Awesome jQuery Plugin For Creating Magical Layouts – Isotope

jQuery UI CoverFlow 2.0

Reveal: jQuery Modals Made Easy

jQuery Roundrr – How To Create Circular Image Galleries With jQuery

jQuery + Flot – Plots, Canvas and Charts

jQuery Horizontal Accordions plugin: Easy Accordion

jQuery plugin: Easy List Splitter

jRating – Flexible jQuery Ajax Rating Plugin

jTextTranslate: A jQuery Translation Plugin

TN34 Timetabs – jQuery Plugin

Barack Slideshow in jQuery

bgStretcher – jQuery Background Stretcher Plugin

Create an Attractive Before and After Photo Effect with jQuery

Blend Effect navigation menu in jQuery

TipTip jQuery Plugin

Jcrop – The jQuery Image Cropping Plugin

JQuery Google Translate Plugin

JQuery Google Maps V1.01

OpenSocial jQuery Mixi Platform

Making a Flickr-powered Slideshow in jQuery

Create a Digg-style post sharing tool with jQuery

Building an interactive map with Raphael

Search And Share with jQuery

Easy Slider 1.7 – Numeric Navigation jQuery Slider

FontEffect – jQuery Plugin

Columnizer – jQuery Plugin

Web 2.0 Document Search Site with jQuery

jQuery.popeye : Inline lightbox alternative with slideshow

jQuery plugin: Easy Image Zoom

Gradient text jQuery plugin

jQuery Select : Color Picker

jqFancyTransitions slideshow with strip effects

3D Waterwheel Image jQuery Carousel

GalleryView: A jQuery Content Gallery Plugin

ToggleSlide jQuery Select box

Galleriffic jQuery Plugin

3D Gallery View jQuery Plugin

JQuery Animated Table Sort – REGEXP Friendly

Spotlight: Constrained Stickies with jQuery

s3Slider image sliding jQuery plugin

icSelectionBox Select Box – JQuery Plugin

jxSlider ajax-loaded content jQuery Plugin

Subway Map Visualization jQuery Plugin

jQuery Banner Rotator

YoxView jQuery image viewer plugin

jQuery Plugins

AngularJs Plugins