Media Player

import Plyr from 'plyr-react';

<Plyr
  options={{ loadSprite: true, clickToPlay: true }}
  source={{ type: 'video', sources: [{ src: '/media/movie.mp4', provider: 'html5' }] }}
/>

import Plyr from 'plyr-react';

<Plyr
  options={{ loadSprite: true, clickToPlay: true }}
  source={{ type: 'video', sources: [{ src: '15801179', provider: 'vimeo' }] }}
/>

import Plyr from 'plyr-react';

<Plyr
  options={{ loadSprite: true, clickToPlay: true }}
  source={{ type: 'video', sources: [{ src: 'j_Y2Gwaj7Gs', provider: 'youtube' }] }}
/>