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

简介

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

上下文：

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

问题：

即使鼠标移开时popover消失，视频预览仍会继续在浏览器中下载，即使这些数据不再是必需的，并且会消耗网络和浏览器的资源

我想通过从dom中删除包含div的文件或设置为display:none时取消下载来节省带宽并提高浏览器响应能力

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

不知道它是否会停止视频下载，但它对图像有效