responsive-video-poster

Custom video placeholder with lazy load for better performance


Keywords
video, poster, responsive, performance, javascript, web, webcomponent
License
MIT
Install
npm install responsive-video-poster@3.0.1

Documentation

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.


Quick start

$ 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.

Full documentation


License

MIT © Nigel O Toole