@articulate/orson

Orson

An Articulate flavored react component video player.

Install

npm install @articulate/orson

Usage

Orson requires the installation of video.js. npm install video.js

Update your webpack config loaders

{
  test: /\.js$/,
  loader: 'babel-loader',
  include: path.join(__dirname, 'node_modules', '@articulate', 'orson')
},
{
  test: /\.eot$/,
  loader: 'url-loader'
}

Note: you may need to npm install the url-loader and it's dependent file-loader.

Import VideoPlayer into your component.

import VideoPlayer from '@articulate/orson/lib/VideoPlayer';

<VideoPlayer>
  <source src="__path_to_mp4__" type="video/mp4" />
  <source src="__path_to_format__" type="video/format" />
  <p>
    Custom Error Message
  </p>
</VideoPlayer>

Available Props

These props are not required, but available if needed.

• aspectRatio - a number, defualts to (9 / 16)
• options - video.js options used to create the player object. See Videojs Options