@wbe/react-video-player v2.7.1

@wbe/react-video-player

React video player is a wrapper component for native, vimeo and youtube video.

Installation

$ npm install -s @wbe/react-video-player

How to use

Import VideoPlayer:

import { VideoPlayer, EVideoType } from "@wbe/react-video-player";
// ...
const App = () => {
  return (
    <VideoPlayer
      type={EVideoType.NATIVE}
      className={`native`}
      url={"https://video-url"}
      play={true}
      style={{ display: "block" }}
      controls={false}
      muted={true}
      autoPlay={true}
      onPause={e => console.log("pause callback", e)}
      onPlay={e => console.log("play callback", e)}
      onEnded={e => console.log("ended callback", e)}
      onReady={e => console.log("ready callback", e)}
    />
  );
};

Or import an available sub video component to access extra available props:

• NativeVideo
• VimeoVideo
• YoutubeVideo

import { YoutubeVideo } from "@wbe/react-video-player";
// ...
const App = () => {
  return (
    <YoutubeVideo
      id={"youtube-id"}
      play={true}
      // specific props available only for youtube video
      fs={false}
    />
  );
};

You can easily create your own VideoPlayer component and import sub video component as needed.

Parameters / Props