Create a thumbnail by providing a video url
npm install react-video-thumbnailNote*: The element will only be able to generate a thumbnail, if CORS allows it.
If not, you may see a similar console error as below:
```
DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
Please read about Cross-Origin Resource Sharing (CORS), if you would like more details on how it works.
`bash`
git clone https://github.com/brothatru/react-video-thumbnail.git`
ORbash`
npm install --save-dev react-video-thumbnail
`es6``
import VideoThumbnail from 'react-video-thumbnail'; // use npm published version
...
thumbnailHandler={(thumbnail) => console.log(thumbnail)}
width={120}
height={80}
/>
| Prop Name | Type | Default | Description |
| --- | --- | --- | --- |
| videoUrl (Required) | string | | The url of the video you want to generate a thumbnail from |
| cors | bool | false |Whether or not to set crossOrigin attribute to anonymous. |
| height | int | | Resize thumbnail to specified height |
| renderThumbnail | bool | true | Whether to render an image tag and show the thumbnail or not. |
| snapshotAtTime | int | 2 | The second at which the component should snap the image at. |
| thumbnailHandler | func | | Callback function that takes in thumbnail url as an argument |
| width | int | | Resize thumbnail to specified width |
*Note: The longer the snapshotAtTime, the more video data it may have to download.
- mike trieu @brothatru