Question

您好我有HTML5的视频标签，我想给用户一个“下载”按钮，用户可以点击并下载该视频。我知道用户可以通过右键点击浏览器来下载视频，但我想在我的按钮上提供此功能。

我使用的是简单的代码

$('submit').click(function() {
    window.location.href = 'myvideo.mp4';
});

但是它将我重定向到视频网址并没有显示我想要的下载弹出窗口。

由于

Answer 1

现在，HTML5浏览器允许您将download属性添加到<a>标记，以便在您的DOM中实现此目的。你不能用纯JavaScript来做到这一点。

来源：https://stackoverflow.com/a/6794432/5203655

但是，如果您可以访问服务器响应，那么在PHP中您可以执行类似

的操作

<?php
header('Content-type: application/octet-stream');
readfile('myvideo.mp4');

Answer 2

您可以使用：

$('submit').click(function() {
  $('<a/>',{
     "href":"The/video/src/path",
    "download":"video.mp4",
    id:"videoDownloadLink"
  }).appendTo(document.body);
  $('#videoDownloadLink').get(0).click().remove();

});

Answer 3

根据梅根汉斯答案：

header("Content-disposition: attachment; filename=" . basename($filename) .'"');
header('Content-type: application/octet-stream');
readfile($filename);`

谢谢，@梅根。我复制并更改了您的代码。

使用Javascript下载HTML5 mp4视频

3 个答案: