FitVids

If you have a responsive website and you want to embed video and other <iframe> content, then you need this module.

It uses the FitVids.js library for fluid width video embeds (e.g. flash video in <iframe>s). You don't need it for pure HTML5 videos.

It supports YouTube, Vimeo, Blip.tv and Kickstarter by default, and can use it with other video providers like Facebook or Viddler.

It's useful if you are using a responsive theme (such as Bootstrap, AdaptiveTheme, Omega or Zen), and want the videos to scale.

Configuration

jQuery selectors

You can usually use the defaults. It assumes that you'll want to apply it to all videos in a div with class="region". If your theme uses a different class or id, or you only want to target certain videos, you can specify that class/id in the video containers field. You can use any valid jQuery selector, e.g.,

#my-video-container
.content
body

You can specify as many containers as you want.

Video providers

Not all players will work with FitVids, but you can try it out by adding the domain (in the Custom iframe URLs field).

Requirements

Uses the Libraries API.

Required jQuery fitvids plugin. See instructions in readme for full details. Recommended installation method is using the composer merge plugin to include fitvids/composer.libraries.json.