Jquery更改视频源Src不具有所需的影响

Question

我试图动态地更改页面上视频元素的src文件，但是当我更改源时，它似乎根本不影响视频。

我甚至可以删除浏览器中的视频源元素，而视频仍然像什么都没发生过一样持续地前进着。

我是不是误解了视频元素？

谢谢

演示：https://jsfiddle.net/wh1pwzm6/3/

Html

<video id="video-10" width="300px" videoid="2" class="text-left  video-content  fadeIn wow animated" autoplay="" loop="" muted="" animationid="8" style="animation-duration: 5s; visibility: visible; animation-name: fadeIn;">
    <source id="src-video-10" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
</video>

JQuery

var newfile = "http://www.w3schools.com/html/mov_bbb.mp4";

$("#src-video-10").attr('src',newfile);

编辑，感谢guest271314的回答，编辑了下面的答案

var newfile = "http://www.w3schools.com/html/mov_bbb.mp4";


var video = $("#video-10")[0];
video.pause();
$("#src-video-10").attr('src',newfile);
video.load();
video.play();

Answer 1

注意，您选择的是video src，虽然使用了source元素？

尝试调用.load()，然后在video元素上设置source src后调用source

var video = $("#video-10");
video.find("source").attr("src", newfile);
video.get().load();
video.get().play();