uni.app视频自定义播放按钮

 <video :id="ele._id" :src="ele?.video_url" :controls="ele.controls" :show-play-btn="false"

                :show-center-play-btn="false" style="width: 100%; " :direction="90"></video>

// 下标用于判断图片的隐藏和显示还有状态栏

const _index = ref(-1)

// id 用来判断那个视频播放

const _ids = ref('')

function kaishi(index:number,id:string) {

        // 通过下标将状态栏显示，

        list.value[index].controls = true

    // 通过下标将图片隐藏

    list.value[index].play_but = false

    if (_ids.value === '') {

        _index.value = index

        _ids.value = id

        uni.createVideoContext(id).play()

    } else {

        // 将第一次的图片显示和状态栏隐藏，并结束

        if (_ids.value != id) {

            uni.createVideoContext(_ids.value).pause()

            list.value[_index.value].controls = false

            list.value[_index.value].play_but = true

            // 存入新id和下标,并执行

            setTimeout(() => {

                _index.value = index

                _ids.value = id

                uni.createVideoContext(id).play()

            }, 600)

        }

    }

   

}