Customizable VideoPlayer component

Installation

npm install @forlagshuset/v-video-player-vjs

Usage

import FHVideoPlayer from '@forlagshuset/v-video-player-vjs'

export default {
  data() {
    return {
      videoUrl: '',
      videoType: 'video/mp4',
      videoAttributes: {
        poster: '',
        crossorigin: '',
        playsinline: '',
        controls: ''
      },
      captions: [
        {
          label: 'Norwegian Nynorsk',
          srclang: 'nn',
          src: '',
        },
        {
          label: 'Norwegian Bokmål',
          srclang: 'nb',
          src: ''
        }
      ],
      options: {
        playbackRates: [0.5, 1, 1.5, 2],
        language: 'nb'
      }
    }
  },

  components: {
    FHVideoPlayer
  }
}

Props

FHVideoPlayerVJS accepts these props:

  props: {
    videoUrl: {
      type: String,
      default: null,
      required: true
    },
    videoType: {
      type: String,
      default: 'video/mp4'
    },
    videoAttributes: {
      type: Object,
      default: null
    },
    captions: {
      type: Array,
      default: null,
      required: true
    },
    chapters: {
      type: Array
    },
    options: {
      type: Object,
      default: obj => {
        /*
          Available options from VJS: https://docs.videojs.com/tutorial-options.html

          Component specific:
          skipTime: Number
        */
      }
    }
  },

Uses video.js plugin.