首页 文章

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

提问于
浏览
0

Synopsis

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

Context:

  • 在我的网站上,我有一个视频缩略图网格 .

  • 当您将鼠标悬停在缩略图上时,会出现视频预览弹出窗口(html5) .

  • 用户手动单击以播放视频预览 .

  • 预览范围为5-45秒 .

  • 用户通常不会发现他们正在寻找的东西 .

  • 因此,他们将鼠标移动到另一个视频缩略图并重复此过程 .

Problem:

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

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

1 回答

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

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

相关问题