|
@ -11,7 +11,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</VueSlickCarousel> |
|
|
</VueSlickCarousel> |
|
|
|
|
|
|
|
|
<VueSlickCarousel v-if="videos.length > 0" v-bind="settings" ref="CarouselRef" class="vueSlickCarousel"> |
|
|
<VueSlickCarousel v-if="videos.length > 0" v-bind="videoSettings" ref="CarouselRef" class="vueSlickCarousel"> |
|
|
<div v-for="(item, index) in videos " :key="index" class="item"> |
|
|
<div v-for="(item, index) in videos " :key="index" class="item"> |
|
|
<Video style="height: 100%;" :showHeader="false" :url="item || ''" videoType="mp4" /> |
|
|
<Video style="height: 100%;" :showHeader="false" :url="item || ''" videoType="mp4" /> |
|
|
</div> |
|
|
</div> |
|
@ -63,6 +63,15 @@ export default { |
|
|
autoplay: true, |
|
|
autoplay: true, |
|
|
autoplaySpeed: 1800, |
|
|
autoplaySpeed: 1800, |
|
|
}, |
|
|
}, |
|
|
|
|
|
videoSettings: { |
|
|
|
|
|
infinite: true, |
|
|
|
|
|
arrows: false, |
|
|
|
|
|
speed: 600, |
|
|
|
|
|
slidesToShow: 1, |
|
|
|
|
|
slidesToScroll: 1, |
|
|
|
|
|
autoplay: false, |
|
|
|
|
|
autoplaySpeed: 1800, |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|