Skip to content

micnews/lazy-youtube

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

85 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

lazy-youtube.js

Build Status

Description

This is a JavaScript module to lazy load Youtube videos, Browserify/Node.js-style fork of https://github.com/tylerpearson/lazyYT, that does not depend on jQuery. On the initial load, the div will be appended by a preview img of the video. On click of the image, the preview img will be replaced by the autoplaying iframe Youtube video.

Setup

npm install lazy-youtube

HTML:

<div class="lazyYT" data-youtube-id="_oEA18Y8gM0" ></div>

JavaScript:

var lazyYoutube = require('lazy-youtube');

// Init element
lazyYoutube(element);

CSS:

Add lazyyt.css into the page

License

(CC) Creative Commons