Clone or download
Pull request Compare This branch is 16 commits ahead, 6 commits behind tylerpearson:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
.travis.yml
LICENSE
README.md
index.js
lazyYT.css
package.json
test.js

README.md

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