Package Exports

video-react
video-react/dist/video-react.css
video-react/lib/components/menu/MenuButton
video-react/lib/utils
video-react/styles/scss/video-react.scss

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (video-react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

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 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

@import "~video-react/styles/scss/video-react"; // or import scss

<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

Watch tests:

npm run test-watch

Inspiration & Credits

This project is heavily inspired by video.js.
The document site is built with reactstrap.