使用Javascript下载HTML5 mp4视频

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

我使用的是简单的代码

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

但它将我重定向到视频url，而不显示我想要的下载弹出窗口

---

感谢您，HTML5浏览器现在允许您将

下载

属性添加到

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

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

您可以使用：

$（'submit'）。单击（函数（）{
$('',{
“href”：“The/video/src/path”，
“下载”：“video.mp4”，
id:“视频下载链接”
}).附录（文件正文）；
$（'#videoDownloadLink'）。获取（0）。单击（）。删除（）；
});
基于Meghans的回答：

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

谢谢，梅根。我复制并更改了您的代码。
您可以使用“下载”属性，但并非所有浏览器都支持该属性。如果要确保随处下载，必须在服务器端设置正确的标题。注意：
download
属性仅适用于相同来源的URL。这意味着它不适用于下载其他地方托管的视频文件。