Basic Usage

FitVids always works with YouTube, Vimeo, Blip.tv, Viddler, and Kickstarter. Use simple jQuery selectors in the fields below like body, iframe[src^='http://mycoolvideosite.com'], and .ignore-item, .ignore-section.

The creator of the jQuery FitVids plugin has a video with an in depth tutorial on how FitVids works. You can watch the video on fitvidsjs.com.

About Extras

In some cases your theme might not have jQuery installed and FitVids will not be working. Check the "Use Google CDN" checkbox to have jQuery added to your theme when it is not installed.

Using FitVids Examples

Here are some examples to help you configure FitVids:

1. In the "FitVids Main Selector" field enter body to apply FitVids to every video. This is also the default setting for the plugin.
2. In the "FitVids Custom Selector" field enter iframe[src^='http://mycoolvideosite.com'] to have FitVids applied to every iframe video from the url "http://mycoolvideosite.com". If you are using "https" be sure to account for your protocol as well.
3. In the "FitVids Custom Selector" field enter iframe[src^='http://mycoolvideosite.com'], iframe[src^='http://mycoolvideosite2.com'] to have FitVids applied to every iframe video from the urls "http://mycoolvideosite.com" and "http://mycoolvideosite2.com". If you are using "https" be sure to account for your protocol as well.
4. In the "FitVids Ignore Selector" field enter .ignore-this-video to have every video with the HTML class or contained within an HTML class of ".ignore-this-video" ignored by FitVids. These videos will not have FitVids applied to them.