javascript - 如何使用 javascript 更改 html 视频源?

标签 javascript html

我尝试了一些事情,但没有成功。 stackoverflow 也帮不了我。我有以下视频:

<video class="video-js vjs-default-skin" width="1024" height="720" controls data-setup='{}' id="vidarea">
<source src="E:/Vids/test.mp4" type="video/mp4" id="vidsource"></video>

当我使用 JS 在我的页面上单击另一个视频图标时,我不想更改显示的视频。我就是做不到。我试过了

const myVideo = document.getElementById('vidsource');
.
.
.
myVideo.src = 'E:/Vids/test2.mp4';

最佳答案

你可以使用 setAttribute() 到 src 属性 https://www.w3schools.com/jsref/met_element_setattribute.asp

关于javascript - 如何使用 javascript 更改 html 视频源?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53574624/

相关文章:

javascript - 如何让这个 Canvas 动画脚本在 Firefox 中运行?

javascript - Jquery .get 未检索文件

html - div 覆盖在文本 p 标签上

php - 我网站上的图片越来越大

Javascript 代码无法正确计算日期

javascript - AngularJS - 从 Angular 外部触发摘要的最佳方法

javascript - 为什么循环遍历所有 div 的子项 + 删除它们仅在 X 使用后才开始工作?

javascript - Node.js服务端的代码可以被客户端访问吗?

html - margin 不会在 iframe 中崩溃吗?

html - 如何在不滚动的情况下修复侧横幅图像