Iframely Responsive Embeds

Description

Iframely brings you the responsive embeds and support of over 2000 domains. It means the embeds will resize, if possible, if you are on responsive theme.

Iframely will detect URLs in your posts and replace it with responsive embed codes. Supports all usual suspects such as YouTube, Vimeo, Instagram, Facebook, Giphy, GfyCat, Imgur, Google +, GitHub Gists, Storify, SlideShare, Streamable, Vidme, Reddit, Dailymotion, Spotify, Tableau, Prezi, well, you know, over two thousand of them and keeps growing. Test some URLs here.

Iframely will also generate and host summary cards for general articles. It includes your own site, and Iframely can replace the default embed cards that your publish via WordPress for other sites to use.

Iframely is powered by server API. API Key is required. Get one at iframely.com

How to use:

The plugin works the same way the standard oEmbed is supported by WordPress: URL on a separate line.

For example,

Check out this cool video:

http://your.url/here

That was a cool video.

Iframely also has its own shortcode [iframely]http://your.url/here[/iframely].

Note of caution:

Some people expect Iframely to wrap URLs with <iframe src=...> code. That’s not what Iframely is for. The plugin converts original URLs into native embed codes itself.

To keep default embed providers

By default, Iframely will inject itself to be the first embeds provider in the list, thus intercepting all URLs. It means that the default providers that are later in the list won’t get called and will thus be disabled.

For example, default YouTube, Vimeo, Twitter, other oEmbed plugins that you have (like JetPack), etc.

Although, we should support the same providers and output the same code, just make it responsive, you can still disable such behavior and tell Iframely to only process links that otherwise don’t have embed provider.

Just choose this option in your settings. It will essentially put Iframely to be the last in the list, be “a catcher”, rather then “an interceptor”.

Screenshots

  • Instagram sample
  • Vimeo sample
  • GitHub Gists
  • Google+ Posts
  • Imgur & Galleries
  • Facebook Statuses
  • And many-many others

Installation

The installation is pretty standard:

  1. Upload the package contents to to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to plugin settings to configure Iframely the way you want to use it.

FAQ

Installation Instructions

The installation is pretty standard:

  1. Upload the package contents to to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Go to plugin settings to configure Iframely the way you want to use it.
Oh, the Facebook!

Yes, Iframely knows the embed codes for Facebook posts, photos and videos. However, some of the posts can be private and not accesssible to our parsers. For those, we can not convert the URL into embed code. Also, Facebook events don’t have native embed codes and so Iframely doesn’t support these too.

I thought Iframely would wrap my URL into iframe?

That’s not a purpose of the plugin. Iframely works with original URLs and will detect the frame’s src itself. If you just want to use <iframe>, switch your editor to HTML format and past iframe code in there.

How do I resize my widgets?

Well, that’s the point of responsive embeds. You don’t have to.

Iframely widgets will take 100% available width. If you need to limit it, just define your CSS styles for iframely-widget-container.

Please, note that not all the embeds codes will be responsive. Some of hosting domains can not be converted responsively. In those cases, Iframely will left-align the embeds. You might want to consider padding and alignment styles, if you don’t have generic ones for iframes and images yet.

Is it compatible with other embeds plugins I have?
  • Iframely works in the same WordPress embeds framework as other plugins would.
  • Since default WordPress embeds are not responsive, Iframely can disable the standard code and replaces it with the responsive embeds. Otherwise, you might be wondering why is some widgets are not responsive
  • You can conifugure Iframely to only work in its own shortcode, thus leaving other plugins intact.
What about embeds in my previous posts?

Iframely works in native WordPress embeds framework. All your new posts should start seeing responsive widgets. The older posts will be re-cached via WordPress logic itself (usually when you edit and save the post), and should granually get the new embeds code too. However, we do not interfere into this default process and do not re-cache older posts upon install.

If there’s a specific post you’d like to update, just go to Edit and Save it again. It should re-cache it and trigger Iframely.

Will my other shortcodes work?

Iframely does not change behavior of other shortcode plugins. Everything should work the old way, except for [embed] shortcode, which will now start producing responsive widgets unless limited in size.

Does it support WordPress MU?

Iframely will work well with multisite installations. Iframely options page is available for super admins only, and the settings will be the same for all blogs on your WPMU setup.

Reviews

easy and works well

Switched to Iframely on one site because they needed to embed a Facebook video and the other responsive video plugin I was using (ARVE) didn’t support Facebook. Iframely’s responsive scaling is very smooth. I like the clean look and have started using it on other sites as well.

Read all 8 reviews

Contributors & Developers

“Iframely Responsive Embeds” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

0.4.0

Turns out, WordPress does not follow cache_age response from API after all. It only refreshes embed codes when you edit and save post. This isn’t right. This update enables you to refresh embed codes periodically. It also gives and option to add any query-string parameters to the use with API.

0.3.1

We are reverting one of the changes in version 0.3.0 – linking Iframely to single post/page scope. Our apologies: we casted the net too wide and Iframely wasn’t working properly with some installations.

0.3.0

WordPress 4.5+ forces you to use built-in default cards when you want to embed a link to your own site. Iframely v0.3.0 returns the option for you to use Iframely cards instead. To remind: you can change design of cards at iframely.com

Iframely v0.3.0 also disables the plugin outside of single post/page scope, as WordPress has caching issues and otherwise creates tremendous load to our servers.

0.2.9

Since WP 4.4, your site publishes embeds by default so that other WP sites can embed summaries of your posts.

Iframely v 0.2.9 gives you an option to override the default widgets and use Iframely hosted summary cards instead. Change design in your Iframely account settings.

0.2.8

  • Support of direct links to GIF files (mobile-friendly!)
  • Features that were rarely used are now retired (embeds publishing, cache auto-pilot)
  • Keep up to WordPress 4.3

0.2.4

  • Makes Iframely work with WordPress 4.0 real-time previews

0.2.3

  • We enabled the hosted widgets. With it, we now can give you embed codes for videos that autoplay. We also handle SSL well, and provide graceful fallbacks for Flash videos for your iOS/mobile visitors. To enable this option, turn it on in Iframely settings.

  • We also fixed the broken link to Iframely settings. The one that was on plugins list page, so it properly links to the same settings you have in main (left) menu.

0.2.2

This version includes fixes for WordPress Multisite. Iframely plugin options page will be available only for the super admins.

The regular WP installations should remain intact and do not require an instant upgrade.

0.2.0

There are 3 main changes: API Key, Shortcode, and Options page.

  • In order to keep our servers up and running, we need to secure the API with the API Key. Get your FREE API Key here.
  • If you don’t want the hastle of configuring API Key, just shorten your links manually at http://iframe.ly first, before pasting it into your post. The short URL will come with the embed codes attached to it.
  • Also, Iframely now has the options page where you can configure the way you’d like to use it.
  • For example, you can opt to use Iframely in [iframely] shortcode only, leaving all the other default oEmbed providers intact.
  • [iframely]http://your.url/here[/iframely] shortcode itself was introduced in this version.

0.1.0

This is our initial release. Please, rate if you like the plugin.

And please, help do submit issues if you see any.