We live in a Responsive Design world now. If you are working on a WordPress…
What’s It Do?
Iframely Responsive Embeds hooks into WordPress’ default oEmbed functionality in order to make iframe embeds responsive. This means that as the screen size shrinks and grows, the embedded iframe will shrink and grow with it. It also means that, as long as you are using WordPress embeds, the plugin is backward compatible and should automatically work for old and existing posts.
The plugin uses the Iframely API which supports responsive embeds from over 900 domains including YouTube, Vine, Facebook, GitHub, TED, and a lot more. Basically, if WordPress oEmbed supports a URL, you can pretty much bet that this plugin will support it too.
How’s It Work?
When you install and activate a plugin, it will start working automatically. You just need to make sure that you are embedding URL iframes correctly. It’s fairly simple, but here’s a refresher.
There are two ways to embed an iframe from an external URL (like YouTube, Vimeo, Twitter, full list here). The first is to include the URL to a supported site on its own line.
Hey, so here's like a video. <pre>https://www.youtube.com/watch?v=dQw4w9WgXcQ</pre> Now it's embedded
If you insert this into any post or page, then view the page you will see the video has been automatically embedded instead of simply a hyperlink. With the Iframely Responsive Embeds plugin, this embedded video will also be automatically responsive. Simple, right?
If you can’t or don’t want to put a URL on its own line you can also use the embed shortcode. That will look like this.
Hey, so here's like a video. [embed]]]https://www.youtube.com/watch?v=dQw4w9WgXcQ[[[/embed]. Now it's embedded.
Again, if you visit the page then the video will be automatically embedded and responsive. That’s it, there’s nothing else to set up. The plugin replaces the default WordPress embed method, so you don’t have to worry about any conflicts, and you’ll get access to the automatic embedding of any domain that the Iframely API supports (which is extensive and ongoing).
Costs, Caveats, Etc.
Using Iframely Responsive Embeds is free and the API is open source. If you are having any trouble getting the plugin working, you can go to the support forums for help. And if you’d like to know more about the technology that powers it, you can check out the Iframely site.