| 1 | # `kbc-video`
|
| 2 |
|
| 3 | A draggable video, injectable in Kano boilerplate apps.
|
| 4 |
|
| 5 | ## Usage
|
| 6 |
|
| 7 | ```
|
| 8 | import KbcVideo from '@kano/kbc-video';
|
| 9 |
|
| 10 | const Component = (props) => {
|
| 11 | return <KbcVideo vidSrc="url" />
|
| 12 | }
|
| 13 | ```
|
| 14 |
|
| 15 | ## Tracking
|
| 16 |
|
| 17 | #### By Component
|
| 18 |
|
| 19 | | Component (location) | Function | Event / Error Name | Extra Info |
|
| 20 | | -------------------- | --------------------------------- | ----------------------------- | -------------------------------------------------------------------------------------------------- |
|
| 21 | | KbcVideo | `startInactiveInterval` | `video_user_inactive` | module: `kkc-video` |
|
| 22 | | KbcVideo | `setVideoSize` | `alter_video_size` | module: `kkc-video`, action `click`, data: { size: `:videoSize` } |
|
| 23 | | KbcVideo | `videoAction` | `video_action` | module: `kkc-video`, action `click`, data: { type: `:videoAction` } |
|
| 24 | | KbcVideo | `setStage` | `video_step_changed` | module: `kkc-video`, action `click`, data: { type: `forward || backwards`, stepIndex: `:number` } |
|
| 25 | | KbcVideo | `setMinimised` | `video_minimise` | module: `kkc-video`, action `click`, data: { type: `maximise` } |
|