js实现视频的下载

原创已于 2023-12-08 17:32:41 修改 · 2.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

于 2022-09-01 20:38:40 首次发布

前端同时被 2 个专栏收录

117 篇文章

订阅专栏

javascript

59 篇文章

订阅专栏

该博客介绍了一种利用JavaScript实现视频文件无卡顿下载的方法，通过fetch获取视频资源，转换为blob，创建对象URL，最后使用隐藏的a标签触发下载。此方法在大文件下载时能避免浏览器卡顿，适合前端开发者参考。

fetch('视频地址.mp4').then(res => res.blob()).then(blob => {
 const a = document.createElement('a');
  document.body.appendChild(a)
  a.style.display = 'none'
  const url = window.URL.createObjectURL(blob);
  a.href = url;
  a.download = '视频.mp4'; //视频下载后的名称
  a.click();
  document.body.removeChild(a)
  window.URL.revokeObjectURL(url);
})