html5video播放多个,【前端技术】vue 一页面多个video只播放一个的解决办法

html代码：

您的浏览器不支持 video 标签。

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效果简陋，仅供参考。