video-react-css-conflict
v0.14.5
Published
Video-React is a web video player built from the ground up for an HTML5 world using React library.
Downloads
8
Maintainers
Readme
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.