在浏览器中下载视频,而不是在新选项卡中播放[CORS]

因为端点支持CORS,所以可以使用 my file download lib 保存内容而不是显示内容。

download("http://distribution.bbb3d.renderfarming.net/video/mp4/bbb_sunflower_1080p_30fps_normal.mp4");

http://pagedemos.com/v84rawmzntzt/output/

您需要设置标题,例如 Content-Disposition 从服务器发送,如下所示

  Content-Description: File Transfer
  Content-Type: application/octet-stream
  Content-Disposition: attachment; filename="filename.jpg"

为了允许预览和下载,您可以根据查询参数附加这些标题,例如,如果url具有 ?download

• 无法更改第三方服务器的标头。

我能看到的唯一解决方案是用js下载和处理浏览器中的内容 request 或 axios 然后将其提交给用户(但您必须将其保存在内存中,这可能不适合大型视频)

由于它是来自第三方api的视频URL,您可以通过两种方式解决此问题:

2. 代理第三方api,并在代理中添加标题“Content-Type:application/octet-stream”。

是的,关键是在http响应中设置内容类型头。

PHP示例使用 函数创建download.php文件

<?php
$file = 'monkey.gif';

if (file_exists($file)) {
    header('Content-Description: File Transfer');
    header('Content-Type: application/octet-stream');
    header('Content-Disposition: attachment; filename="'.basename($file).'"');
    header('Expires: 0');
    header('Cache-Control: must-revalidate');
    header('Pragma: public');
    header('Content-Length: ' . filesize($file));
    readfile($file);
    exit;
}
?>

希望有帮助。

Source