kulakowka / video-react

A web video player built for the HTML5 world using React library.

Home Page:https://video-react.js.org/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


npm version Build Status Package Quality

Video.React is a web video player built from the ground up for an HTML5 world using React library.


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 (
      <source src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4" />


Run tests:

npm test

run example to start developing your new component against

npm link # the link commands are important for local development npm install # disregard any warnings about missing peer dependencies npm start # runs rollup with watch flag

(in another tab)

cd example npm link video-react # link video-react with ../ npm install npm run dev # runs dev server http://localhost:9000/

Inspiration & Credits

ezoic increase your site revenue


A web video player built for the HTML5 world using React library.


License:MIT License


Language:JavaScript 64.7%Language:CSS 34.1%Language:Shell 1.2%