This script allows you to Embed Youtube and Vimeo thumbs, and when click on element , it put Video in <iframe> tag

Instalation

$ npm i

$ bower install

For dev release:

$ gulp && gulp watch

For production release:

$ gulp --production

Examples

See in example folder

https://k-zakhariy.github.io/embed-video/examples/

Usage

<div class="VideoEmbed" data-url="https://www.youtube.com/watch?v=6FeJySGOqhA"></div>
<div class="VideoEmbed" data-url="https://www.youtube.com/watch?v=owLDqhB90gk"></div>
<div class="VideoEmbed" data-url="https://vimeo.com/181553695"></div>

$('.VideoEmbed').each(function (i, el) {
    var obj = new VideoEmbed($(this));
});

Then you will see thumbnails