vue 一页面多个video只播放一个的解决办法

html代码：

javascript代码：

data () {
    videoElement: [] // 创建一个数组
},
mounted () {
    this.videoElement = document.getElementsByTagName('video') // 获取页面上所有的video对象
},
handlePlay (index) {
    const videoElement = this.videoElement
    if (videoElement && videoElement.length > 0) {
        for (let i = 0; i < videoElement.length; i++) {
            if (i === index) {
                this.videoElement[i].play()
            } else {
                this.videoElement[i].pause()
            }
        }
    }
}

原生video效果简陋，仅供参考。

参考链接：
https://segmentfault.com/a/11...