使用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元素。