A Note About Responsive Iframes

This is an embedded iframe from YouTube, which asks you to select from a list of fixed widths when you embed a video. This causes a problem with responsive websites, which require that embedded media be fluid. As a result, I am using a library called FitVids.js, which is a JavaScript that changes the code that YouTube embeds to make it fluid.

Resize the page to different widths and breakpoints and you will see that video is always 100 percent of its container element. This is the way to make your pages look professional.

Note: Bootstrap handles this natively with a special class.

We are going to add this ability to our projects with this download.