Despite the fact that our Zentools module can handle responsive video natively we still needed an option that was easy for users to implement responsive video in their sites.

Once installed and published the Fitvids plugin transforms any video added to your content into a fluid / adaptive video element - automagically making it scale to the width of the parent container.

This is a super simple implementation of the Fitvids.js script from Chris Coyler and Paravel. The script loads the css and html markup required to transform fixed width video into a fluid and resizable video elements in a web page.


Despite the fact that this page isn't itself responsive you can see from the examples below how the video automatically fills the width available in the parent element.

Full Width

blog comments powered by Disqus