react-video-thumbnail-image
Version:
Create a thumbnail image of video by providing any url.
27 lines (24 loc) • 758 B
JavaScript
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import VideoImageThumbnail from '../dist/bundle.js';
class App extends Component {
render() {
return (
<div className="App">
<h1>Example Video Thumbnail</h1>
<VideoImageThumbnail
videoUrl="https://dl.dropboxusercontent.com/s/pkz1yguv8vcs7k1/cover.mp4?dl=0"
thumbnailHandler={(thumbnail) => console.log(thumbnail)}
width={360}
height={240}
snapshotAtTime={1}
alt="test video"
/>
</div>
);
}
}
ReactDOM.render(
<App />,
document.getElementById('root')
)