html5video播放多个,【前端技术】vue 一页面多个video只播放一个的解决办法
html代码：您的浏览器不支持 video 标签。javascript代码：data () {videoElement: [] // 创建一个数组},mounted () {this.videoElement = document.getElementsByTagName('video') // 获取页面上所有的video对象},handlePlay (index) {const videoEle
·
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效果简陋，仅供参考。
一站式 AI 云服务平台
更多推荐
0
0- 0
已为社区贡献2条内容
所有评论(0)