No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Picture in Picture Plugin

Enable clappr to play the video in Picture in Picture mode, when the browser support it.

repository: https://github.com/tjenkinson/clappr-pip-plugin

fork: https://github.com/guzz/clappr-pip-plugin

npm: https://www.npmjs.com/package/@guzzj/clappr-pip-plugin

Usage

<template>
  <v-clappr-player
    ref="clappr"
    id="pip-player"
    source="https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8"
    width="100%"
    allow-pip
    :aspect-ratio="16 / 9"
  />
</template>

<script>
import VClapprPlayer from 'v-clappr-player'

export default {
  components: {
    VClapprPlayer
  }
}
</script>

See it working