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>
Copy

See it working