Popularity

7.8

Growing

Activity

5.2

Stars 2,612

Watchers 47

Forks 389

Last Commit 3 days ago

Code Quality Rank: L4

Monthly Downloads: 0

Programming language: JavaScript

License: MIT License

Tags: UI Components Audio / Video UI React React-component Component Video Video-react React-video Player Components React-components

Latest version: v0.16.0

video-react alternatives and similar libraries

Based on the "Audio / Video" category.
Alternatively, view video-react alternatives based on common mentions on social networks and blogs.

Plyr

9.7 0.0 L5 video-react VS Plyr

A simple HTML5, YouTube and Vimeo player
react-player

9.0 7.6 video-react VS react-player

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

Promo surveyjs.io

react-music

7.9 0.0 video-react VS react-music

Make beats with React!
react-youtube

7.1 0.0 video-react VS react-youtube

react.js powered YouTube player component
react-soundplayer

6.5 0.0 video-react VS react-soundplayer

📻 Create custom web audio players with React
react-video

3.6 0.0 video-react VS react-video

🎞 React component to load video from Vimeo or Youtube across any device.
material-ui-audio-player

2.0 0.0 video-react VS material-ui-audio-player

Audio player react component for material ui design
react-dailymotion

1.2 0.0 video-react VS react-dailymotion

Dailymotion player component for React.
react-barcode-qrcode-scanner

0.9 4.8 video-react VS react-barcode-qrcode-scanner

Barcode and QR Code Scanner Component for React
react-vision-camera

0.7 5.6 video-react VS react-vision-camera

React Camera component

* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.

Do you think we are missing an alternative of video-react or a related project?

Add another 'Audio / Video' Library

Popular Comparisons

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

@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>
  );
};

Browser support

Browser	Windows	Mac	Linux	Android	iOS
Chrome	Y	Y	Y	Y	Native
Firefox	Y	Y	Y	untested	Native
Edge	Y	-	-	-	-
IE 11	untested	-	-	-	-
Safari	-	Y	-	-	Y

Please note that only the latest stable version is tested and supported. Video-react may be usable in older releases, and we will accept pull requests for them, but they will not be frequently tested or actively supported.

For the items marked as "untested", we do welcome volunteer testers.

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](./CONTRIBUTION.md).

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.