video-react
Video.React is a web video player built from the ground up for an HTML5 world using React library.
Installation
Install video-react
and peer dependencies via NPM
npm install --save video-react react react-dom
import css in your app or add video-react styles in your page
import '~video-react/dist/video-react.css'; // import css
or
@import '~video-react/styles/scss/video-react'; // or import scss
or
<link rel="stylesheet" href="https://video-react.github.io/assets/video-react.css" />
Import the components you need, example:
import React from 'react'; import { Player } from 'video-react'; export default props => { return ( <Player> <source src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4" /> </Player> ); };
Development
Run tests:
npm test
run from local
$ npm install $ npm start
Contribution
Interested in making contribution to this project? Want to report a bug? Please read the contribution guide.
Inspiration & Credits
- This project is heavily inspired by video.js, and most of our css styles came from video.js's styles.
- The document site is built with reactstrap.
- All the icons came from Google Material Icons
- Fonts were built by iconmon.