我可以使用 javascript 动态更改视频的来源吗? [英] Can I use javascript to dynamically change a video's source?

问题描述

如何使用 JS 更改视频的来源?

How can I change a video's source using JS?

<video id="myVideoTag" width="670" height="377" autoplay="true" controls="controls">
    <source src="http://www.test.com/test.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>

推荐答案

好的，

1. 您可以在 source 元素上设置 src 属性:

1. You can set the src attribute on the source element:

document.querySelector("#myVideoTag > source").src = "http://example.com/new_url.mp4"

或者使用 jQuery 代替标准的 DOM 方法:

Or using jQuery instead of standard DOM methods:

$("#myVideoTag > source").attr("src", "http://example.com/new_url.mp4"​​​​)​

然后需要调用video元素上的load方法:

videoElement.load()

这篇关于我可以使用 javascript 动态更改视频的来源吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！