如果src文件在服务器上更改为另一个具有相同名称的视频

Question

如果我在磁盘上更改src文件，如何在页面上重新加载视频？

例如，我有

<video controls="controls" id="myVideo">
    <source id="source" src="~/videos/Intro.mp4" type=video/mp4 />
</video>

在磁盘上，我将文件Intro.mp4替换为另一个具有相同名称的视频。 如果我使用$（“＃myVideo”）。load（），它什么都不会发生。当我刷新页面时，在Opera中我的视频不会改变，在Edge中它会重新加载。我需要在没有刷新页面的情况下重新加载视频。

UPD：由于某些原因，我不能使用不同名称的文件，我只需要使用Intro.mp4名称

Answer 1

如果您只是更改文件并保留相同的文件名，则浏览器很可能会缓存旧视频。如果您想在不重新加载的情况下更改视频，则需要在同一位置的磁盘上同时显示两个视频。例如~/videos/Intro1.mp4和~/videos/Intro2.mp4。

您可以使用JQuery更改视频源。

$('#myVideo source').attr('src', '~/videos/Intro2.mp4');

更改源后，您可以运行$("#myVideo")[0].load();来更改视频播放而无需重新加载页面。