#103: Integrating FitVids.js into WordPress
The default WordPress theme at the time of this screencast is TwentyEleven, a wonderfully simple and responsive design. That is, until we post an awesome YouTube video as a new blog post and the responsiveness breaks down. The video doesn't fill the area on wide screens and is too big on narrow screens, breaking outside the content area.
In this video we'll cover how to add jQuery to a WordPress theme, then download the jQuery plugin FitVids.js and integrate it into the theme (simple stuff!). The result is the video instantly fits the responsive nature of the theme. It works for video from any source.
Links from the video:
- Awesome Video
- WordPress / TwentyEleven
- jQuery / ScriptSrc
- Enqueue Google-Hosted jQuery in a WordPress Theme
- FitVids.js / Intrinsic Ratios for Video