Responsive Videos

Responsive websites on both HTML and WordPress sites are all the rage these days. Now, the same attention can be directed at videos that we embed on our sites.. call them elastic videos or responsive videos.. the effect is a better user experience for both desktops, all the way to a smartphone.

For my example here, I used a plugin called FitVids for WordPress (we wordpress users are so lucky.. with so many enhancements that are not only easy to use, but free.)

Responsive Videos when embedded in your site scales based on the device screen size you are using at the time. Ok, it’s also another reason to share AJRCLIPS’s awesome space video. You can see all other videos from the same account here


  1. there are a few javascript solutions out there for non-wordpress users, fitvids.js as one example. In most cases, some simple css can be used, placing the video content in a wrapper, with a height of 0, and a padding-bottom of 56.25% (assuming 16:9 aspect ratio), and position:relative. more details and options can be found by looking for CHRIS COYIER or css-tricks and responsive video.

Leave a Reply

Your email address will not be published. Required fields are marked *