video-react

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 redux

import css in your app or add video-react styles in your page

import "node_modules/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

Install dependencies:

npm install

Run examples at http://localhost:9000/ with webpack dev server:

npm start

Run tests & coverage report:

npm test

npm run report-coverage

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.

Changelog

0.8.5 (2017-06-08)

Add option to always show volume control #38 by Alex Koppel (@arsduo)

<a name="0.8.4"></a>