Pym.js Embeds

This plugin provides a method for embedding external iframe content that maintains proper responsiveness on all devices. It is designed for site administrators and developers who need to integrate interactive charts, maps, or other embedded media from external sources. The tool creates a responsive container that communicates with the embedded content to ensure it scales correctly.

• Responsive Height and Width: The iframe adjusts its dimensions automatically based on the content inside and the viewer's screen size, preventing unwanted scrollbars or cut-off elements.
• Shortcode and Block Support: Insert responsive embeds using a simple shortcode syntax or through a dedicated block in the site editor, offering flexibility for different workflows.
• Cross-Domain Communication: Built on the Pym.js library, it safely handles messaging between the parent page and the embedded iframe, even when they are on different domains.
• Automatic Script Loading: The necessary Pym.js JavaScript is automatically enqueued only when the shortcode or block is used, avoiding unnecessary page bloat.
• Customizable Container: Allows for setting specific initial heights, IDs, and titles on the iframe to meet accessibility and design requirements.