NOTE: In Beta. Coming Soon 🐣
- ✅ Zero dependencies
- ✅ Lightweight
- ✅ Customizable
- ✅ Mobile support
- ✅ Accessibility
- ✅ ES6+
import BgVideo from 'bgvideo'
/**
* Basic example
*/
BgVideo('#banner', 'https://example.com/assets/timelapse.mp4')
/**
* Recommended minimum
*/
const src = {
mp4: 'https://example.com/assets/timelapse.mp4',
webm: 'https://example.com/assets/timelapse.webm',
}
const options = {
backgroundColor: '#00012b',
backgroundImage: 'https://example.com/assets/timelapse-poster.jpg',
}
BgVideo('#banner', src, options)
| Chrome | Safari | IE / Edge | Firefox | Opera |
|---|---|---|---|---|
| Yes | Yes | 9+ | Yes | Yes |
MIT