javascript - 如何停止视频的预加载(HTML5 - Javascript)

Question

我有一个网页，其中的视频播放器预加载了 3 个视频(同一视频的低质量、中质量和高质量)。然后，当用户单击与所需版本对应的按钮时，视频将打开。

然后我想做的是停止预加载另外两个视频。

这可能吗？换句话说，HTML5 Video 标签的“预加载”属性是否可以通过某些 Javascript 在运行中取消或停止？

Answer 1

我刚想出一个解决方案来解决我遇到的与您的问题类似的问题。我正在我的页面上按系列预加载电影列表，但我需要能够跳到其中一部电影并将其优先级排在可能已经预加载的任何内容之前，以便尽快播放。

我有一个 div#prebuffer 元素，用于保存预加载的视频，因为它们是缓冲的。当我需要忘记预加载时，我只需这样做:

var $video = $('#prebuffer video:last');
$video.find('source').attr('src', '');
$video[0].load();
// it has now stopped preloading.
// and then, because I don't want this half-loaded broken cruft hanging around:
$video.remove();

它有点难看，但我找不到更好的方法。它完成了工作。