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

<linkrel="stylesheet" href="https://video-react.github.io/assets/video-react.css" />

Import the components you need, example:

importReactfrom'react';import{Player}from'video-react';exportdefault(props)=>{return(<Player><sourcesrc="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"/></Player>);};

Development

Run tests:

npm test

run from local

$ npm install
$ npm start

Releasing

Create Release Branch

To create a release branch and changelog, run the following command, optionally with a semantic release type (major, minor, patch) (if not provided, it will default to semver (it's best to let it default)):

./scripts/release <release-type>

Verify changelog in branch. Create a PR if everything looks good. Merge when tests are green.

Tagging and Publishing

Once the release branch is merged, checkout master and run:

./scripts/publish

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.