FPG-Alan / simple-react-video

HTML5 video wrapper based on react, mobx

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Simple React based HTML5 video wrapper.

Usage:

  1. Install

     yarn add simple-react-video
    
  2. Add a video

     const settings = {
         videoSrc: {video source url},
         videoExt: {video extension},
         posterSrc: {video poster image url},
         controls: {
             progress: true,
             volume: true,
             fullscreen: true,
         },
         videoClass: '',
         controlClass: '',
         flatID: ID
     };
     return <ReactVideo {...settings} ref={(ref)=>{this.videoController = ref}}/>
    
  3. API

     requestPlay()
    
     requestStop()
    

example

http://theyy.me/lab/simple-react-video/

About

HTML5 video wrapper based on react, mobx


Languages

Language:JavaScript 70.6%Language:CSS 29.0%Language:HTML 0.4%