[WIP] Implementing the MediaPlayer, Audio, and Video Components

[jrgriffiniii]

Resolves #105

[jrgriffiniii]

The current state of this PR is 👎 (there is definitely refactoring and abstraction needed) , but I would greatly appreciate any feedback and advice before I proceed further.

[coveralls]

Changes Unknown when pulling 05b23db on jrgriffiniii:issues-105-plyr-griffinj into ** on LafayetteCollegeLibraries:master**.

[jrgriffiniii]

Commit 05b23db integrates the MediaPlayer Component with the Work interface. For the purposes of capturing feedback, it is (purposely) set as the default viewer for all Work resources.

[rococodogs]

👍 looks very good to me! can confirm that the video plays when the viewer is opened

[rococodogs]

If I have any suggestions for refactoring so far, it would be to maybe make the <Audio>/<Video> components into functional ones:

function Audio (props) {
  const { sources, ...audioProps } = props
  return (
    <audio {...audioProps}>
      { (sources || []).map((s, idx) => <source {...s} key={idx} />) }
    </audio>
  )
}

function Video (props) {
  const { sources, captions, ...videoProps } = props
  return (
    <video {...videoProps}>
      { (sources || []).map((s, idx) => <source {...s} key={idx} />) }
      { captions ? <track {...captions} key="captions" /> : '' }
    </video>
  ) 
}