video-player-react

a react video player component base on plyr, flv.js(support flv format)

install

npm install video-player-react --save

usage

import React, { Component } from 'react';
// the default player can play mp4 and flv videos
import Player from 'video-player-react';
// the BasePlayer only can play video that browser support
import BasePlayer from 'video-player-react/dist/baseplayer.min.js';  

// the FlvPlayer use flv.js decode flv format videos and only can play flv format videos
import FlvPlayer from 'video-player-react/dist/flvplayer.min.js'


const src = 'https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4';
// const src = 'https://mister-ben.github.io/videojs-flvjs/bbb.flv';
const poster = 'http://i1.go2yd.com/corpimage.php?url=V_01hq9SbYd8&source=mibrowser';

class App extends Component {
  render() {
    return <Player options={{}} src={src} poster={poster}/>
  }
}
export default App;

Props

notice: support native video attribute

prop	description	default
options	the plyr player's options	{}
decoder	only BasePlayer support this props you can custom your decode function and the function will receive two params with video's element and src	null

todo

support m3u8 on desktop enveronmoent

CHANGELOG

0.1.0 support mp4, flv