Video标签动态修改src地址播放问题
2024-08-30 05:58:33
不管在React或Vue中,将一个变量赋值给src属性,当修改这个变量的值时,video播放的还是原来的视频。
Vue中
<video id="root">
<source :src="videoUrl" />
</video>
React中
<video id="root">
<source src={videoUrl} />
</video>
动态修改videoUrl的值时,播放的视频,是不会跟着地址动态切换的,我们需要让video重新加载新的源(地址),将新的地址,赋值给video的src属性,然后执行play()方法即可
let player = document.querySelector('#root')
player.src = "新的地址"
player.play()
最新文章
- mysql数据库日期,ip等处理
- Odoo 中的 Controller
- js简版图片左右切换功能
- Java-->;把txt中的所有字符按照码表值排序
- android.content.res.Resources$NotFoundException: String resource ID #0x1
- 【JavaScript】history.back() 网页已过期
- jmx additional port
- jquery实现横向导航
- MySQL用户管理及SQL语句详解
- C#历年来最受欢迎功能
- windows平台下 c/c++进行http通信的教训
- 利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解
- UE4 PostProcessVolume笔记
- spring boot + vue + element-ui全栈开发入门——spring boot后端开发
- vue文档阅读笔记——计算属性和侦听器
- win10 64位 安装scrapy
- lfs(systemd版本)学习笔记-第1页
- Adobe Photoshop CC 2015使用及扩展工具
- Linux 日志分析工具之awstats
- BZOJ.2134.[国家集训队]单选错位(概率 递推)