Javascript 在不停止HTML5视频的情况下更改视频src

如何改变HTML5视频质量？这是我到目前为止的剧本。这是可行的，但视频是从头开始的。有没有一种方法可以在不停止视频的情况下改变YouTube这样的视频质量

<video src="videos/nesemdonti_1080p.mp4" id="video" autoplay></video>
<div id="720p" class="quality">720p</div>

---

小提琴：

解决方案是我们必须确保720p视频已准备好播放

HTML5：

<video id="preload" style="display:none;">
</video>

<video src="videos/nesemdonti_1080p.mp4" id="video" autoplay>
</video>
<div id="720p" class="quality">720p</div>

当浏览器可以开始播放指定的音频/视频时，会发生“canplay”事件。

---

请参阅：

您看到了吗：？我没有使用YouTube API。我将使用纯HTML5@koopajah（雷申，你的剪辑很性感，哈哈）哈哈@JonDinham她来自阿尔巴尼亚。我也是。现在呢？我应该保存它，然后从那里开始第二个视频吗@乔恩·迪纳姆，现在是？这是您自己的网站操作规范

<video id="preload" style="display:none;">
</video>

<video src="videos/nesemdonti_1080p.mp4" id="video" autoplay>
</video>
<div id="720p" class="quality">720p</div>

$("#720p").click(function() {
    $("preload").attr("src", "videos/nesemdonti_720p.mp4");

    $("preload").on("canplay",function(){
        $('video').attr("src", "videos/nesemdonti_720p.mp4");
    });
});