@twoavy/video-player

video-player

A Vue component video player with navigation

Installation

npm i @twoavy/video-player
OR
yarn add @twoavy/video-player

import VideoPlayer from 'video-player';

Usage

<video-player :video-src="pathToVideo"/>
<video-player :video-src="pathToVideo" :poster-src="pathToPosterImage"/>

Props

videoSrc: {
    Type: String,
    default: ''
},
posterSrc: {
    Type: String,
    default: ''
},
reference: {
    Type: String,
    default: 'video'
},
loop: {
    Type: Boolean,
    default: true
},
autoplay: {
    Type: Boolean,
    default: true
},
controls: {
    Type: Boolean,
    default: true
},
minDurationForNavigation: {
    Type: Number,
    default: 15
},
showProgressBar: {
    type: Boolean,
    default: true
},
showCloseButton: {
    type: Boolean,
    default: true
},
maxMoveSteps: {
    type: Number,
    default: 6
},
moveInterval: {
    type: Number,
    default: 5
}