@afiniticom/video-player

Description

React video player module built for vimeo and graph cms bases videos.

Note

This is a work in progress, not ready for production yet. Your feedback would be appreciated, custom features can also be requested. Only meant for within organization private usage.

Installation

npm i @afiniticom/video-player

Features

• Chapters
• Bookmarks
• Play/pause/mute full control over the player

Props

Name	Type	Description
data	object	video sources in specified format.
poster	string	graphcms full url.
apiUrl	string	graphcms api url.
autoplay	bool	Autoplay slider or not. Defaults to true
playerApi	method	Returns reference to player
closeCallback	method	Action to perform on video close button

Example Usage

The package can be integrated inside a react component as follows:

import React from 'react';
import VideoPlayer from '@afiniticom/video-player';
import '@afiniticom/video-player/main.css';

const myVideoPlayer = ({ autoplay }) => {
  return (
    <VideoPlayer
      apiUrl="https://api-euwest.graphcms.com/v1/sdkasndkasndknas/master"
      slug="welcome-home"
      closeCallback={() => {
        setShowVideo(false);
      }}
      autoplay={autoplay}
    />
  );
};

export default myVideoPlayer;