Create Responsive Embed Codes For YouTube, Google Maps, Vimeo…
While services like Twitter and SoundCloud have chosen to make their embeds responsive, videos from YouTube and Vimeo, Maps from Google and photos from Instagram have received no such treatment. There have been ways around this oversight, but now a site has emerged to fulfill a simple mission: make the above services embed responsively. It’s a web app dedicated to providing you with responsive embed codes for content on services like YouTube, Vimeo, Google Maps, and Instagram.
Using Embed Responsively is simple enough. You will first need to find what you’re embedding, be it a location on Google Maps, a video on YouTube or Vimeo, or a photo or short video on Instagram. You need not copy the embed code from the service’s own feature; simply copy the URL for its page. Next, visit Embed Responsively and select the same service there from the options available. Paste the URL that you copied from the service, and click the ‘Embed’ button. You will see a preview of the video, map, or image that you’re embedding, and its responsive embed code below it. Now all you have to do is paste the embed code on your website like you would with any other auto-generated embed code, and it will work responsively, resizing itself as per the screen size! Pretty cool, huh?
VIA | TheNextWeb