Want to keep the TNW Conference vibe going?? Tickets for TNW2022 are available now >>

The heart of tech

This article was published on July 23, 2013

This site makes embeds from YouTube, Instagram and others responsive so they fit your device

This site makes embeds from YouTube, Instagram and others responsive so they fit your device
Harrison Weber
Story by

Harrison Weber

Harrison Weber is TNW's Features Editor in NYC. Part writer, part designer. Stay in touch: Twitter @harrisonweber, Google+ and Email. Harrison Weber is TNW's Features Editor in NYC. Part writer, part designer. Stay in touch: Twitter @harrisonweber, Google+ and Email.

Pre-requisite: Responsive design is a Web development technique in which site content resizes to fit your device’s screen.

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.

The site’s called Embed Responsively, in case you were wondering.

To see a responsive embed in action, look below and resize your browser window; if you’re on mobile, you won’t need to anything.

Here’s the same photo embedded via Instagram directly. Resize your window and see what happens.

Perhaps the most important question is: why haven’t these services already made embeds responsive? Until things change, check out the site below.

Embed Responsively

Also tagged with