Create Fluid Width Videos by Chris Coyier

Resources

We know that Responsive Web Design uses a fluid grid, fluid images, and media queries to help you highlight content that matters to your users regardless of the size of the viewport. But what happens when you serve videos? No need to cue the Psycho shower scene music. Code Poet Chris Coyier’s got your back.

Quick Overview
He walks you through the CSS. He even tours you through the jQuery. Chris Coyier will teach you how to integrate responsive video into your content with code that will keep your aspect ratios safe and sound and work on all major video hosting services including YouTube and Vimeo. Did you know that there are code files you can download? HOTNESS.

Pro tip: Create Fluid Width Videos was highly recommended as a resource by the WordPress pros in our free book, WordPress Meet Responsive Design