uniapp轮播图内嵌视频并实现自动播放/停止

需求：

轮播图加载了视频后自动播放视频，视频播放完成后，切换到下张图。

现有的swiper在嵌了video之后出现了各种各样的问题，比如切换下一张/切换回视频显示不全。

所以打算自己另外写一个轮播组件，不使用任何swiper组件。

中心思想就是直接硬切，轮播区域有且仅有一个元素，也就不存在video层级高遮挡的问题。

另外加上了uView的Transition组件，使得切换的时候没有那么生硬。

至于轮播指示器，可以考虑使用cover-view，然后简单布局就完成了

布局部分：

<template>
    <view style="height: 700rpx;">
        <view style="height: 700rpx;">
            <block v-for="(item, imgUrlsIndex) in imgUrls" 
            :key="imgUrlsIndex">
                <u-transition :show="!checkIsVideo(item) && imgUrlsIndex === currents" mode="fade-left"
                    class="slide-image" duration="500">
                    <image :src="item" />
                </u-transition>
                <u-transition :show="checkIsVideo(item) && imgUrlsIndex === currents" mode="fade-left"
                    class="slide-image" duration="500">
                    &