https://github.com/wingkwong/lazy-load-youtube-videos
Pure JavaScript library for optimizing the performance while loading multiple YouTube videos on the same page
https://github.com/wingkwong/lazy-load-youtube-videos
lazy-load pure-javascript youtube-videos
Last synced: 6 months ago
JSON representation
Pure JavaScript library for optimizing the performance while loading multiple YouTube videos on the same page
- Host: GitHub
- URL: https://github.com/wingkwong/lazy-load-youtube-videos
- Owner: wingkwong
- License: mit
- Created: 2018-07-11T04:27:54.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2025-03-17T14:27:55.000Z (7 months ago)
- Last Synced: 2025-04-03T15:03:13.320Z (6 months ago)
- Topics: lazy-load, pure-javascript, youtube-videos
- Language: JavaScript
- Homepage: https://wingkwong.github.io/lazy-load-youtube-videos/index.html
- Size: 10.7 KB
- Stars: 8
- Watchers: 2
- Forks: 4
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# lazy-load-youtube-videos
Optimizing the performance while loading multiple YouTube videos on the same page
## Synopsis
Loading a number of iframe requires a great deal of time fetching resources. Under this situation, only thumbnails are loaded and the video is triggered only when its thumbnail is being clicked.
## CDN
### Download the compressed, production version
https://cdn.jsdelivr.net/npm/lazy-load-youtube-videos@0.1.0/src/llyv.min.js
https://cdn.jsdelivr.net/npm/lazy-load-youtube-videos@0.1.0/src/llyv.min.css
### Download the uncompressed, development version
https://cdn.jsdelivr.net/npm/lazy-load-youtube-videos@0.1.0/src/llyv.js
https://cdn.jsdelivr.net/npm/lazy-load-youtube-videos@0.1.0/src/llyv.css
## Demonstration
Demo is available at https://wingkwong.github.io/lazy-load-youtube-videos/index.html
## Authors
**WONG, Wing Kam** - [@wingkwong](https://github.com/wingkwong)
## License
This project is licensed under the MIT License - see the [LICENSE](https://github.com/wingkwong/lazy-load-youtube-videos/blob/master/LICENSE) file for details