HTML:Video视频切换时不重新加载

目录


一、问题原因

在使用video播放视频时,如果切换路径,视频没有重新加载,需要手动加载一遍。

二、解决方案

html 复制代码
<video id="myVideo" controls>
    <source id="myVideoSource" src="video.mp4" type="video/mp4">
</video>
js 复制代码
const video = document.getElementById('myVideo');
const source = document.getElementById('myVideoSource');
source.src = data.spdz;
video.load();
相关推荐
普通人615 小时前
php+html+canvas实现树状打开的结构
开发语言·javascript·html5·1024程序员节
普通人64 天前
宝塔中实现按地区过滤和官网跳转伪静态
服务器·开发语言·nginx·1024程序员节
普通人64 天前
php处理百度编辑器有误html
开发语言·编辑器·html·php·1024程序员节
拔剑纵狂歌19 天前
ClickHouse system.query_log 字段详解与排障实践
后端·clickhouse·1024程序员节
比奥利奥还傲.1 个月前
哪吒监控面板实战:部署 Dashboard、接入 Agent、钉钉告警,再配置固定公网访问
网络·人工智能·分布式·1024程序员节
默 语1 个月前
Java新手入门:从零开始安装JDK并配置环境变量
java·开发语言·python·mysql·group by·1024程序员节·数据去重
学传打活2 个月前
【边打字.边学昆仑正义文化】_进阶篇5 宇宙星系的运转(续3)
微信公众平台·1024程序员节·汉字·昆仑正义文化
学传打活2 个月前
【边打字.边学昆仑正义文化】_进阶篇5 宇宙星系的运转(续1)
微信公众平台·1024程序员节·汉字·昆仑正义文化
fangzhanpeng1682 个月前
快速掌握C#语言基础知识点(1.基础数据类型)
开发语言·c#·1024程序员节
无己心2 个月前
面向多平台 AI 搜索引擎的适配层架构设计
前端·人工智能·搜索引擎·ai·1024程序员节