Get new jQuery plugins just once a week

×

Fitvids

FavoriteLoadingAdd to favorites

July 1, 2012

FitVids | jQuery plugin for responsive video embeds

FitVids is A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
FitVids automates the Intrinsic Ratio Method by Thierry Koblentz to achieve fluid width videos in your responsive web design.Currently Supported Players

Example Code
$(document).ready(function(){
// Target your .container, .wrapper, .post, etc.
$("#thing-with-videos").fitVids();
});

This will wrap each video in a div.fluid-width-video-wrapper and apply the necessary CSS. After the initial Javascript call, it’s all percentage-based CSS magic.
Created by Chris Coyier

Download

Example

fitvids

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

Fitvids

Related posts:

Responsive Iframes
Footable
CoverVid
fitvids

http://jquer.in/wp-content/uploads/2012/07/fitvids.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever