使用Javascript下载HTML5 mp4视频

7qhs6swi  于 2022-12-16  发布在  Java
关注(0)|答案(3)|浏览(320)

嗨,我有HTML5的视频标签,我想给用户一个“下载”按钮,用户可以点击并下载该视频。我知道用户可以通过右键点击浏览器下载视频,但我想给我的按钮这个功能。
我用的是简单代码

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

但它将我重定向到视频网址不显示下载弹出,我想。
谢谢

v8wbuo2f

v8wbuo2f1#

HTML5浏览器现在允许在DOM中为<a>标签添加download属性,但在纯javascript中无法做到这一点。
来源:https://stackoverflow.com/a/6794432/5203655
但是,如果您可以访问服务器响应,那么在PHP中您可以执行如下操作

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

字符串

oyt4ldly

oyt4ldly2#

您可以使用以下命令:

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

});
x8diyxa7

x8diyxa73#

根据Meghans的回答:

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

谢谢,@梅根。我复制并修改了你的代码。

相关问题