Description
Video.React is a web video player built from the ground up for an HTML5 world using React library.
video-react alternatives and similar libraries
Based on the "Video/Audio" category.
Alternatively, view video-react alternatives based on common mentions on social networks and blogs.
-
-
-
hls.js
HLS.js is a JavaScript library that plays HLS in browsers with support for MSE. -
mediaelement
HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers. -
ReactPlayer
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion -
-
FitVids.js
A lightweight, easy-to-use jQuery plugin for fluid width video embeds. -
SoundJS
A Javascript library for working with Audio. It provides a consistent API for loading and playing audio on different browsers and devices. Currently supports WebAudio, HTML5 Audio, Cordova / PhoneGap, and a Flash fallback. -
AmplitudeJS
AmplitudeJS: Open Source HTML5 Web Audio Library. Design your web audio player, the way you want. No dependencies required. -
-
html5media
Enables <video> and <audio> tags in all major browsers. -
prettyembed.js
Prettier embeds for your YouTubes - with nice options like high-res preview images, advanced customization of embed options, and optional FitVids support. -
Ion.Sound
JavaScript plugin for playing sounds and music in browsers -
photobooth-js
A widget that allows users to take their avatar pictures on your site -
ractive-player
Library for interactive videos in React [Moved to: https://github.com/liqvidjs/player] -
ts-audio
:musical_score: ts-audio is an agnostic library that makes it easy to work with AudioContext and create audio playlists in the browser -
Play-em JS
▶️ Streams a list of tracks from Youtube, Soundcloud, Vimeo... -
polyplayer
Rule YouTube, Soundcloud and Vimeo player with one API -
jPlayer Jukebox
jPlayer Jukebox is add-on to jPlayer that allows to play media files on the page by scanning all links and adding them to a playlist.
Appwrite - The Open Source Firebase alternative introduces iOS support
* 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?
|
Less time debugging, more time building
sponsored
scoutapm.com
|
Popular Comparisons
-
video-reactvsmediaelement
-
video-reactvsFitVids.js
-
video-reactvsflowplayer
-
video-reactvsPlyr
-
video-reactvsclappr
|
Static code analysis for 29 languages.
sponsored
www.sonarqube.org
|
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
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>
);
};
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.