I found something cool that can be used for responsive website. It called Flexy, a jQuery plugin made to fit iframes to any screen size.

What’s nice about Flexy

When you are building a website, there are times that you want to display an YouTube or Vimeo videos.

For that purpose, we use “iframe” tag. Unlike, uploading a photo or mp4 videos to your own server, you will designate the URL of where the video is located.

As making your website responsive is must now days, you want to be 100% sure that video in your website is correctly displayed. No matter which device the user will use. Flexy, this plugin will automatically scale the iframe element (such as YouTube, Vimeo, etc) so that it will fit the screen.

I hope this plugin will help make your website responsive. Good Luck Coding!

i used to put in codepen.io