Directory

ivid - Vaadin Add-on Directory

� (cyoa) interactive video player � ivid - Vaadin Add-on Directory

ivid-logo

IVID

< interactive video player >


npm-published vanillajs webcomponents-publised

license-apache-2 donate


## About IVID is an interactive video player for modern browsers. Full VanillaJS webcomponent. Plug-n-play ready, easy setup and use. [Try it online](https://ividjs.github.io/ivid).
## How to use it ```html ``` *Also see: [IVID-model][1] and [IVID-styles][2] documentation*
## Features - Next video selection (the interactive bit) - Simple single-setup: [ivid-model][1] - Inherited HTML5 video properties - Full video controls on-screen - Customizable controls: [ivid-styles][2] - Key-mapping for keyboard video controls - Play/Pause: `spacebar` - Mute/Unmute: `m` - Fullscreen toggle: `f` - Volume up/down: `arrow_up` / `awrrow_down` - Forward/backward: `arrow_right` / `arrow_left` *Please take a look at the current [TODO][3] list, any contribution is welcome*
## Development setup Clone ivid ```bash git clone git@github.com:ividjs/ivid.git ``` Install development dependencies ```bash npm i # or yarn ``` Run development server ```bash npm run dev ``` Open browser on `localhost:3000`, the sandbox should be ready to play
## Screenshots **player controls** **choices controls** [1]: https://github.com/ividjs/ivid/blob/master/docs/ivid-model.md [2]: https://github.com/ividjs/ivid/blob/master/docs/ivid-styles.md [3]: https://github.com/ividjs/ivid/blob/master/docs/TODO.md