用video标签的source标签如何实现动态切换视频
时间: 2023-07-07 18:40:15 浏览: 167
解决video标签在安卓webview下无法自动播放问题
要实现动态切换视频,需要在JavaScript中操作video元素source元素。
首先,获取video元素和source元素:
```javascript
const video = document.querySelector('video');
const source = video.querySelector('source');
```
然后,更改source元素的src属性为新的视频地址:
```javascript
source.src = '新的视频地址';
```
最后,调用video元素的load()方法重新加载视频:
```javascript
video.load();
```
完整的代码如下:
```javascript
const video = document.querySelector('video');
const source = video.querySelector('source');
source.src = '新的视频地址';
video.load();
```
这样就实现了动态切换视频。注意,新的视频地址必须是有效的视频文件地址,否则会加载失败。
阅读全文