Добавление плагинов к компоненту videojs в VueJS - PullRequest
Новая
       73

Добавление плагинов к компоненту videojs в VueJS

1 голос
/ 25 сентября 2019

В настоящее время я работаю над созданием карусели изображений и видео в VueJS с использованием видеоплеера в качестве компонента обработки видео.Предполагается загружать видео из нескольких источников.Я нашел переключатель разрешения videoJS, который, очевидно, может это сделать, но я не знаю, где зарегистрировать плагин, потому что, если я зарегистрирую его в свойстве параметров проигрывателя: 

playerOptions:{    
    sources:[
        {
            src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4', 
            type: 'video/mp4',            
        }
    ],                                 
    width: 1366,
    controls: false, 
    autoplay: true,
    preload: true,       
    plugins:{
        videoJsResolutionSwitcher: {
            default: 'high',
            dynamicLabel: true
        }
    }             
}

Это даст мне ошибку, что плагинне существуетЯ уже установил плагин через npm.Итак, как мне добавить этот плагин в плеер?

РЕДАКТИРОВАТЬ добавив мой шаблон на случай, если кому-то понадобится это увидеть.Также дорабатывается название вопроса для наглядности 

<template>
    <div>
        <v-carousel :cycle="cycleValue" :interval="carouselInterval" :hide-delimiters= "true" :show-arrows="false" :continuous="true">
            <v-carousel-item v-for="(slide, i) in slides" :src = "slide.content " :key=i>
            </v-carousel-item>
            <v-carousel-item>
               <video-player :options="playerOptions" @play="pauseCarousel($event)" @ended="playCarousel($event)" ref="videoPlayer" ></video-player>
            </v-carousel-item>
        </v-carousel>               
    </div> 
</template>
...