当前位置:   article > 正文

rideo选中 vue_vue 一页面多个video只播放一个的解决办法

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/468834
推荐阅读
相关标签
  

闽ICP备14008679号