Question

我想在仅限移动设备的网站上使用自动播放视频。所以我被谷歌浏览器（Android应用程序）中的一些限制所强迫。

然后我想以编程方式将视频源更改为另一个。（我尝试了两种不同的方法，它们都只能工作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();

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

1 个答案: