Question

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

我甚至可以删除浏览器中的视频源元素，并且视频仍然保持一致，就像没有发生任何事情一样。

我误解了视频元素吗？

由于

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() .play()

后，尝试在video元素上调用source然后调用src

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

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

1 个答案: