首页 > 解决方案 > 如何在不打开新标签的情况下使用 javascript 下载 html5 视频?

问题描述

我努力了:

<a href="https://.../myVideo.mp4" download>Download video</a>

但是当我点击时,它会在新标签上打开视频。我怎样才能将下载作为文件启动(如果没有其他方法,可以使用 javascript)?

另外,我真的很生气,因为内置的 html 视频控件确实具有此下载功能,而且内置的视频播放器也没有 CORS 问题。那么为什么没有一种简单的方法来拥有video.download()API 呢?是否有一个原因 ?

我的问题与:如何自定义尚未回答的 HTML5 视频下载按钮有关。

标签: htmldownloadhtml5-video

解决方案


使用直接 https url 可能永远不会起作用,因为浏览器会将其视为外部链接。尝试使用视频的相对路径,而不是使用 https url。例如以下:

  <a href="folder1/folder2/myVideo.mp4" download>Download video</a>

推荐阅读