javascript - 使用 javascript/jquery 更改 html5 视频源

Question

我的网页上有一个视频，如下所示：

<div id="videoContainer">
<video id="video1" width="960" controls autoplay>
    <source src=static/media/Wreck_It_Ralph_Trailer.mp4 type="video/mp4">
    Your browser does not support html5 video
</video>

我想使用 jquery/javascript 更改视频的来源。我有这个代码，但它不起作用

$('source').attr({'src':'static/media/Here_Comes_The_Boom_Official_Trailer.mp4'})

有人可以说为什么这不起作用或建议正确的方法吗？

Answer 1

通过 Mic 查看链接后，我需要一行额外的代码

a=document.getElementById('video1')
a.load()

Answer 2

我相信你可以做这样的事情：

document.getElementById('video1').src = 'static/media/Here_Comes_The_Boom_Official_Trailer.mp4';

它只是直接更改视频播放器的源，而不用摆弄 DOM 元素。