The complicated web is fully responsive and some-more designers are realizing this each day. But there’s one annoying plea when it comes to manageable design: embedded content.
Every video site from YouTube to Vimeo has a default hide code bound to a certain size. This means developers need to use other solutions to create entirely manageable videos.
This plugin solves dual problems during once. All embedded videos will stretch to fill a categorical container, while also being stretchable adequate to resize formed on a browser window.
The best partial is that SuperEmbed.js requires no additional code, so we can only embed a files and let them run. This JS library takes caring of a rest by targeting embedded elements from certain sites.
All videos maintain their specific aspect ratios, so we don’t need to worry about wonky dimensions. And SuperEmbed works as a vanilla JS library with no dependencies such as jQuery.
Right now, SuperEmbed supports 15+ video embeds from sites such as YouTube, Vimeo, Kickstarter, DailyMotion, Facebook, Vid.me, and Archive.org (among many others). This list is still growing, so design some-more video streaming services to be combined over time.
To get this apparatus working, we only need to download a library and add it to your site’s header like so:
You can download a fully copy from a GitHub repo that also includes specs for supported video sites and current browser support.
For a many part, SuperEmbed supports all complicated browsers from FireFox 3.5+, Chrome 4+, and versions of Internet Explorer 9 or higher.