更改视频源不持久（移动网站）

Question

我想在仅限移动设备的网站上使用自动播放视频。 所以我被谷歌浏览器（安卓应用）中的某些限制所逼。

然后我想以编程方式将视频的来源更改为不同的来源。 （我尝试了两种不同的方法，它们都只能工作 50%）

V1： 这是我要更改的html：

<video id="overlayVideo" autoplay muted loop>
    <source id="overlayVideoSrc" type="video/mp4"/>
</video>

这是我当前更改源代码：

var $newVideo = $("<source>", {id: "overlayVideoSrc", "src": "index/RES/newVideo.mp4"});
$("#overlayVideoSrc").remove();
$("#overlayVideo").append($newVideo);

这会在移动设备和桌面设备上播放视频，但不会更改任何来源。播放的视频始终是我首先选择的那个。

V2： 也试过了：

<video id="overlayVideo" src="" autoplay muted loop></video>

然后我使用了以下内容：

$("#overlayVideo").attr("src", "index/RES/newVideo.mp4");

这会更改并在桌面上播放视频，但不会在移动设备上播放（更改但不播放）

希望大家能关注，有问题请追问。我真的被困住了。

Answer 1

修改src属性后

$("#overlayVideo").attr("src", "index/RES/newVideo.mp4");

您需要重新加载（每次更改后更新）并播放视频：

$("#overlayVideo").load();
$("#overlayVideo").play();