Generate Responsive Embed Codes Easily with This Free App

Every web engineer knows how to hide videos. Embedding is a easiest approach to share calm and improve your articles with applicable media.

However, there’s a problem with iframes and other identical video embeds: a lack of responsive solutions. Every complicated site is entirely manageable and a bound video can unequivocally mangle that upsurge on mobile.

To opposite this problem, try Embedresponsively.com. This giveaway web app auto-generates hide codes for a far-reaching array of media sites and even supports default iframe elements.

Youtube hide generator web appYoutube hide generator web app

By default, we can choose from a handful of multimedia sites that support local embeds:

  • YouTube
  • Vimeo
  • DailyMotion
  • Instagram
  • Twitter
  • Google Maps
  • Soundcloud
  • Scribd

You don’t need to memorize all these hide codes or disaster with their hide widgets. Just copy a URL of whatever object we wish to embed and pulp it into a web app.

Once we click a “Embed” button, you’ll get a preview that we can test in your browser by resizing, to see how a video adapts. Underneath a preview pane, you’ll find a retard of formula that we can copy/paste and use to hide on your site.

This is one of a simplest solutions to a manageable hide problem. The idea is to keep a video stretchable while progressing a aspect ratio—not an easy task.

There’s a great square on CSS-Tricks with another resolution that relies some-more on classes and a enclosure element. But, if we don’t wish to always remember adding that container we competence cite Embedresponsively.com.

Take a look during a site and give it a shot. If we don’t mind working with longer formula snippets this is positively a good resolution for any manageable layout.

And, we can find a full source formula for giveaway on GitHub if we wish to add support for some-more embeddable media.

Add Comment