https://github.com/nigelotoole/responsive-video-poster

Custom video placeholder with lazy load for better performance
https://github.com/nigelotoole/responsive-video-poster

javascript performance responsive video web webcomponent

Last synced: about 1 month ago
JSON representation

Custom video placeholder with lazy load for better performance

• Host: GitHub
• URL: https://github.com/nigelotoole/responsive-video-poster
• Owner: NigelOToole
• License: mit
• Created: 2020-03-25T09:55:41.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-07-29T12:45:20.000Z (4 months ago)
• Last Synced: 2024-10-14T02:02:37.215Z (about 1 month ago)
• Topics: javascript, performance, responsive, video, web, webcomponent
• Language: CSS
• Homepage: http://nigelotoole.github.io/responsive-video-poster/
• Size: 9.17 MB
• Stars: 39
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Responsive Video Poster

### Custom video placeholder with lazy load for better performance

Full styling control of video placeholders with an image/picture used for the poster which allows the use of src-set. Videos and embeds are lazy loaded to reduce page load and embeds are prefetched on user interaction to improve performance.

### [Demo and documentation](http://nigelotoole.github.io/responsive-video-poster/)

---

## Quick start

```javascript

$ npm install responsive-video-poster --save-dev

```

Import the JS and CSS into your project, add the elements to your HTML and initialize the plugin if needed. 

[Full documentation](http://nigelotoole.github.io/responsive-video-poster/)

---

### License

MIT © Nigel O Toole