Embedding Social Media contents like YouTube videos is quite easy and simple, because YouTube provides you the embed code which you can copy paste and share it on your site. The thing is, if you are pasting the embed link into a website (like us) that features a responsive design layout, the video frame is not going to resize, since the embed code itself is not responsive optimized. Same theory applies for Google Maps, Vimeo, Instagram, Twitter, Soundcloud embeds. If you know how to modify the embed code yourself to customize it responsive then it's okay. But if you don't know then it would be a problem, so we gonna share a fast and quick method you can make any embed codes responsive for free.
Make Any Social Media Embeds into Responsive Code
Embed Responsively is a online web application specialized in giving you responsive embed codes layout for social media content on services like YouTube, Vimeo, Google Maps, Instagram, Twitter, Soundcloud . Embed Responsively helps non-web designers to easily embed their social contents into their responsive website. Embed Responsively is a open source project. This website has a very clean UI and fast loading.
But do note that this will only work if you have a responsive website design. If you have some knowledge about coding you can easily edit the source code and transform it into a responsive design, but Embed Responsively make this process damn easy. Let's see how we can convert any YouTube, Vimeo, Google Maps, Instagram, Twitter, Soundcloud, Scribd, Storify embeds responsive.
How To Convert Embed Code into Responsive Layout Design
To make the embeds responsive just visit the Embed Responsively and select the social network you want to change currently it supports the following sites YouTube, Vimeo, Google Maps, Instagram, Twitter, Soundcloud, Scribd, Storify embeds responsive. For example we select YouTube just copy the original embed code and paste it in the Embed Responsively and click "Embed" button.
It will automatically convert the code to responsive. Now all you have to do is just copy N paste the responsive code to your post editor like wordpress or blogger. Don't paste the code in compose windows switch to HTML and paste the code that's it. You can test the responsive embed by resizing your browser or you can visit some free online responsive test sites. If you find any problem just drop a comment below!
Visit - Embed Responsively