如何在Web浏览器中取消加载资源？

Question

概要

基本上我有一个网页可以通过html5视频标签加载视频。我希望能够在特定上下文中停止加载资源。

上下文

• 在我的网站上，我有一个视频缩略图网格。
• 当您将鼠标悬停在缩略图上时，会出现视频预览弹出窗口（html5）。
• 用户手动点击以播放视频预览。
• 预览范围为5-45秒。
• 如果用户不是他们想要的，那么用户通常不想观看整个预览。
• 因此，他们将鼠标移动到另一个视频缩略图并重复此过程。

问题：

即使当鼠标移开时弹出窗口消失，视频预览也会继续在浏览器中下载，即使这些数据不再需要，也是网络和浏览器的耗尽。

我希望通过在从dom中删除包含div的下载或设置为display时取消下载来节省带宽并提高浏览器响应速度：none

Answer 1

//cancel image downloads
if(window.stop !== undefined) 
{
  window.stop();
}
else if(document.execCommand !== undefined)
{
  document.execCommand("Stop", false);
}

不知道它是否会停止视频下载但是它适用于图像