Clappr pause/resume on tab change visibility

A clappr container plugin to pause when user is in another tab and resume when the user is back.

You can optionally show an icon to indicate its state.

{
  visibilityEnableIcon: true
}

Usage

<div id="player"></div>
  <script>
    var player = new Clappr.Player({
      parentId: '#player',autoPlay:true, mute: true,
      plugins: [ClapprPauseTabVisibility],
      source: 'http://www.sample-videos.com/video/mp4/480/big_buck_bunny_480p_5mb.mp4',
      height: 360,
      width: 640,
      visibilityEnableIcon: true
    })
  </script>

Development

Install dependencies:

npm install

Build:

npm run build

Run:

npm start