7wp Flex Embed
Makes WordPress Embeds responsive and other things
by Xavier Zalawa · github.com/7studio/7wp-flex-embed · website
★ 2stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/7studio/7wp-flex-embed/archive/refs/heads/master.zipFrom the readme
7wp Flex Embed
Transforms your static embeds into shiny responsive ones.
This plugin applies dynamically the suitcss/components-flex-embed methodology to all your embeds (even pasted manually into Text tab).
Instead of applying a simple iframe { max-width: 100%; } in your CSS and having black borders to the top and bottom of your YouTube videos, this plugin keeps the right intrinsic ratio of the embeds.
Comparison of renders on iPhone 7 with a 375px width:
Default behaviouriframe { max-width: 100%; }7wp Flex Embed
:x::heavycheckmark::heavycheckmark::heavycheckmark::heavycheckmark:
Iframe is cropped or overflowed on the right
Iframe is well displayed but only its width is reduced
Iframe is perfectly displayed
Because the Embed part of WordPress is so interesting, the plugin doesn't stop there. It:
turns off autoembed behaviour to have just [embed] shotcodes (but you are able to reverse this choice);
sets the width of oEmbed requests according to your $contentwidth;
keeps a raw copy of the oEmbed endpoint response into a post meta oembeddata{cachekey};
loads wpembed.js script only when needed and not every time (perf matter);
supports [[soundcloud]](https://en.su