@afiniti/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 @afiniti/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 '@afiniti/video-player';
import '@afiniti/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;