Indonesia English

Script Auto FitVids.js

Penulis : | Rabu, 29 Agustus 2012 Kategori : Script Gratis - Dibaca : 1235 kali

rangkasku

Introducing FitVids.js

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.

How Do I Use It?

Include jQuery 1.7+ and FitVids.js in your layout and target your videos container with 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.

Currently Supported Players

YouTube Y
Vimeo Y
Blip.tv Y
Viddler Y
Kickstarter Y

Add Your Own Video Vendor

Have a custom video player? We now have a customSelector option where you can add your own specific video vendor selector (mileage may vary depending on vendor and fluidity of player):

 $("#thing-with-videos").fitVids({ customSelector: "iframe[src^='http://mycoolvideosite.com'], iframe[src^='http://myviiids.com']"});
  // Selectors are comma separated, just like CSS

Note: This will be the quickest way to add your own custom vendor as well as test your player's compatibility with FitVids.

Sumber : GITHUB


Demo   
Klik untuk Download [222 Kali]

Artikel Terkait

Tidak ada artikel terkait

Komentar pada : Script Auto FitVids.js Tidak Aktif

rangkasku hari ini : 108
rangkaskuTotal : 183056

rangkaskuHits hari ini : 777
rangkaskuTotal Hits : 1104061

rangkaskuOnline: 2
Berlangganan Artikel close