INN Labs

<p>Pym.js Embeds provides shortcode and Gutenberg block wrappers for embedding responsive iframes using <a href="http://blog.apps.npr.org/pym.js/" rel="nofollow ugc">Pym.js</a>, developed by the NPR Visuals Team. Embedded content resizes vertically to match its container’s width.</p>
<p>AMP compatibility is provided by the <a href="https://wordpress.org/plugins/amp/" rel="ugc">official AMP plugin</a>.</p>
<h3>Pym.js Resources from NPR</h3>
<p>You may also want to look at NPR’s Pym.js resources:</p>
<ul>
<li><a href="http://blog.apps.npr.org/pym.js/" rel="nofollow ugc">Pym.js homepage</a></li>
<li><a href="https://github.com/nprapps/pym.js/" rel="nofollow ugc">Pym.js repo on GutHub/nprapps</a></li>
</ul>


Pym.js Embeds

A WordPress block and shortcode for embedding iframes that are responsive horizontally and vertically, using the NPR Visuals Team's Pym.js.

Kevin Leary

<p>This plugin will automatically resize your WordPress auto-embeds, including video and other iframes, in a responsive fashion. It currently supports the following providers:</p>
<ul>
<li>YouTube</li>
<li>Vimeo</li>
<li>DailyMotion</li>
<li>Blip.tv</li>
<li>Viddler</li>
<li>hulu.com</li>
<li>Revision 3</li>
<li>Funny or Die</li>
<li>WordPress.tv</li>
<li>Scribd</li>
</ul>
<h4>Live Example</h4>
<p><a href="http://www.kevinleary.net/responsive-video-embeds-plugin-example/" rel="nofollow ugc">Visit the test page</a> where you can resize the browser and watch the videos automatically scale to fit the resolution.</p>
<h4>About WordPress Auto-embeds</h4>
<p>WordPress has a nifty auto-embed feature, allowing authors to automatically turn a link to a video embed into a video player when a post is viewed. To turn this feature on check the <strong>Auto-embeds</strong> check box in <strong>Administration > Settings > Media SubPanel</strong>.</p>
<h4>Under the hood</h4>
<p>Please note that this plugins modifies the output of <code>modify_embed_output</code> filter, adding HTML & CSS to make the magic happen.</p>
<p>Credit for the method used in this plugin goes to <a href="http://amobil.se/2011/11/responsive-embeds/" rel="nofollow ugc">Anders M. Andersen</a> for crafting the method used to gracefully resize the embeds.</p>
<p>Create and maintained by <a href="http://www.kevinleary.net/" rel="nofollow ugc">Kevin Leary</a>, a WordPress developer living in Boston, MA.</p>
<h4>Multisite Compatibility</h4>
<p>The <em>Responsive Video Embeds</em> plugin is compatibly with WordPress Multisite, just use the <a href="https://codex.wordpress.org/Create_A_Network#WordPress_Plugins" rel="nofollow ugc">Network Activate</a> feature to enable responsive video resizing embed on every site. If you only want responsive video resizing to happen on a specific site, activate the plugin for that site only.</p>


Responsive Video Embeds

Automatically resize WordPress auto-embeds, including video and other iframes, in a responsive fashion.

Pym.js Embeds vs Responsive Video Embeds