Skip to content

qwertyyb/video-player-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

a video player react component base on plyr, flv

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published