vue 动态绑定 video src，不能正常播放问题

通过 vm.$refs

vm.$refs
一个对象，持有注册过 ref attribute 的所有 DOM 元素和组件实例。

核心代码

let el = _self.$refs.HomeVideo
el.src = 'xxx.mp4'

自动播放下一个视频

onNext() {const _self = thislet el = _self.$refs.HomeVideoel.src = _self.videoArr[1]let num = 3_self.countDownText = `3秒 播放下一个视频`let times = setInterval(() => {num--_self.countDownText = `${num}秒 播放下一个视频`if (num === 0) {clearInterval(times)_self.countDownText = ''el.play()}}, 1000)
},

如果对您有所帮助，给个一键三连吧~~~Thanks♪(･ω･)ﾉ (✪ω✪) ᕦ(･ㅂ･)ᕤ！！！

vue 动态绑定 video src，不能正常播放问题相关推荐

20190227最近比较纠结的问题vue的video中视频的播放和nginx-rtmp的推流以及什么时候推流的分析
1.vue中的video的使用(支持MP4) Vue中引入Video.js视频播放器参考:https://www.jianshu.com/p/8b8023c7ed37 Video.js是一个有着HT ...
Vue 动态绑定图片 src 属性闪屏白屏无内容显示 BUG 小记
问题描述: 使用 Vue 渲染数据时,遇到了如下神奇一幕,bug 原因非常简单,但结果却让人摸不着头脑,特此记录,以备日后查看! 如上图,刷新页面时,内容一闪而过,随后一直白屏,无任何内容显示,特将问 ...
vue 使用video加载视频进行展示，视频循环自动播放
vue 使用video加载视频进行展示,视频循环自动播放loop autoplay <span v-else-if="item.prop === 'alarmVedio'"& ...
m3u8.php怎么调用,怎样使用Vue结合Video.js播放m3u8视频
这次给大家带来怎样使用Vue结合Video.js播放m3u8视频,使用Vue结合Video.js播放m3u8视频的注意事项有哪些,下面就是实战案例,一起来看一下. 首先,我们需要在vue工程中安装vi ...
H5 通过jquery动态的设置video src的值无法播放视频？
通过jquery动态的设置video src的值无法播放视频?参考链接: h5 动态更改链接 <div id="video-box"><video style=& ...
Vue 使用 video 标签实现视频播放
写在前面我们在做项目时常常会碰到要做在页面播放视频的功能,该功能我们可以用video.js来做关于video.js video.js是一个拥有h5背景的网络视频播放器,同时支持h5以及Flash视 ...
vue使用video和vue-video-player并且可实现视频铺满呦
网页放置视频播放器,我一般都是用video.js和它的插件vue-video-player 一:Video.js 需求:对于简单的视频播放需求来说,video.js足以胜任了. 它可是支持HTML5和 ...
2020 零基础 Vue综合应用教开发音乐播放器—悦听（激发编程乐趣）【整理+源码】
文章目录 1.引言 2.音乐播放器完整版效果图如下: 3.接口引用 4.示例代码 5.结束语点击进入Vue❤学习专栏~ 1.引言这是Vue学习的综合应用篇,教你开发一个音乐播放器,能听歌,能看热门 ...
使用vue控制video视频和弹幕功能
2020-02-19 前两天想说练一下vue,就按照bilibili写了一个demo(我第一次放这种模仿的页面,如果有哪里不合适的请告诉我哈),就写了比较核心的首页和视频播放页,包括控制视频和弹幕渲染 ...

vue 动态绑定 video src，不能正常播放问题

vue 动态绑定 video src，不能正常播放问题

核心代码

自动播放下一个视频

vue 动态绑定 video src，不能正常播放问题相关推荐

最新文章

热门文章