JavaScript library For Responsive Video Embedding – SuperEmbed.js

Category: Javascript , Recommended | August 30, 2018
Author:corbindavenport
Views Total:131 views
Official Page:Go to website
Last Update:August 30, 2018
License:MIT

Preview:

JavaScript library For Responsive Video Embedding – SuperEmbed.js

Description:

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, Twitch.tv, 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>

Changelog:

08/30/2018

  • v3.1

You Might Be Interested In:


Leave a Reply