JavaScript library For Responsive Video Embedding – SuperEmbed.js

Category: Javascript , Recommended | August 30, 2018
Views Total:276 views
Official Page:Go to website
Last Update:August 30, 2018


JavaScript library For Responsive Video Embedding – SuperEmbed.js


SuperEmbed.js is a small and smart JavaScript library that makes iframe embedded videos (e.g. youtube & vimeo videos) fully responsive to fit the specific container while maintaining aspect ratios.

How to use it:

Just include the SuperEmbed.js script on the webpage and you’re done.

<script src="superembed.min.js"></script>

The SuperEmbed.js supports YouTube, Vimeo, Kickstarter, CollegeHumor, Hulu, Flickr, Vine, VideoPress, DailyMotion, Vid.Me,, and all other elements with superembed-force class:

<iframe width="560" height="315" src="video url here" frameborder="0" allowfullscreen></iframe>
<iframe src="video url here" class="superembed-force"></iframe>

If you want to make the aspect ratio 1:1.

<iframe src="video url here" class="superembed-square"></iframe>



  • v3.1

You Might Be Interested In:

Leave a Reply