IVID

< interactive video player >

About

IVID is an interactive video player for modern browsers.

Full VanillaJS webcomponent. Plug-n-play ready, easy setup and use.

Try it online.

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