Ready to go Media Player Component for React.
Supported Source:
YouTube SoundCloud Facebook Vimeo Twitch Streamable Wistia DailyMotion Mixcloud Vidyard mp4 webm ogv mp3 HLS(m3u8) DASH(mpd)
yarn add react-media-viewer or npm install --save react-media-viewer
import Player from 'react-media-viewer'; const App = () => ( <Player url="/video.mp4"/> );
* = Required
| Prop | Description | default |
|---|---|---|
url* |
Url of the video file to play | |
width |
Width of the media viewer | 640 |
height |
Height of the media viewer | 360 |
style |
Style of media viewer | false |
playing |
If set to true, the video will automatically play | false |
metadata |
Media metedata shown on top-bar | {title: "Title",subtitle: "subtitle"} |
theme |
Theme setting | {bgColor: "#000000",textColor: "#ffffff",topBarHeight: "70px",bottomBarHeight: "50px",highlightColor: "#ff0000"} |
react-media-view is built on top of react-player and react-themed-player.
react-player
vivek-nutcrackerz's react-simple-video-player