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.

Context Plugin

name: "context-menu"

Create a context menu when the player is clicked with the right mouse butoon.

repository: https://github.com/joaopaulovieira/clappr-context-menu-plugin

Usage

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

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

export default {
  components: {
    VClapprPlayer
  },
  computed: {
    contextMenu () {
      return {
        menuItems: [`copyURL`, `copyURLCurrentTime`, `loop`, `playerVersion`],
        extraOptions: [
          {
            name: 'test',
            label: 'Test Label',
            //optional
            callback: function() {
              console.log('A absolutely awesome extra context menu item action')
            }
          }
        ],
        customStyle: { // Custom styles
          container: {
            'display': 'block'
          },
          list: {
            'background-color': 'gray'
          },
          items: {
            'color': 'yellow'
          }
        }
      }
    }
  },
}
</script>

See it working