Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yusufshakeel/dyyoutubelazyloadjs
This small plugin will lazy load YouTube embed videos on your blogs and websites.
https://github.com/yusufshakeel/dyyoutubelazyloadjs
lazy-loading lazyload-videos youtube youtube-embed
Last synced: 4 days ago
JSON representation
This small plugin will lazy load YouTube embed videos on your blogs and websites.
- Host: GitHub
- URL: https://github.com/yusufshakeel/dyyoutubelazyloadjs
- Owner: yusufshakeel
- License: mit
- Created: 2019-01-06T09:47:13.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2019-01-09T03:56:50.000Z (about 6 years ago)
- Last Synced: 2024-12-31T16:39:56.732Z (9 days ago)
- Topics: lazy-loading, lazyload-videos, youtube, youtube-embed
- Language: HTML
- Homepage:
- Size: 86.9 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# dyYouTubeLazyLoadJS
This small plugin will lazy load YouTube embed videos on your blogs and websites.### Status
[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/yusufshakeel/dyYouTubeLazyLoadJS)
[![npm version](https://img.shields.io/badge/npm-0.2.6-blue.svg)](https://www.npmjs.com/package/dyyoutubelazyloadjs)
[![](https://data.jsdelivr.com/v1/package/npm/dyyoutubelazyloadjs/badge)](https://www.jsdelivr.com/package/npm/dyyoutubelazyloadjs)### Getting Started
* Download the [latest release](https://github.com/yusufshakeel/dyYouTubeLazyLoadJS/releases) of the project.
* Clone the repo: `git clone https://github.com/yusufshakeel/dyYouTubeLazyLoadJS.git`
* Install with npm: `npm install dyyoutubelazyloadjs`
* Use from jsDelivr CDN: `https://www.jsdelivr.com/package/npm/dyyoutubelazyloadjs`### Setup
#### Include CSS
Include the css file in the head.
```html
```
#### Include JavaScript
Include the js file before the ending body tag.
```html
```
#### The container
Create div having class to dy-yt-lazyload and data-videoid attribute to the YouTube video id.
Example:
```html
```## License
It's free and released under [MIT License](https://github.com/yusufshakeel/dyYouTubeLazyLoadJS/blob/master/LICENSE) Copyright (c) 2019 Yusuf Shakeel## Back this project 🙏
If you find this project useful and interesting then please support it on [Patreon](https://www.patreon.com/yusufshakeel).
## Donate
Feeling generous :-) Buy me a cup of tea ☕.[Donate via PayPal](https://www.paypal.me/yusufshakeel)