Javascript 如何在客户端页面上显示通过响应头从服务器发送的.mp4

Javascript 如何在客户端页面上显示通过响应头从服务器发送的.mp4,javascript,node.js,express,response-headers,Javascript,Node.js,Express,Response Headers,我正在使用node、express和ytdl编写一个简单的视频转换应用程序。我想将转换后的.mp4文件发送给用户,以便它可以显示在网页上 现在,当发送响应时,客户端只下载文件。设置Content-Disposition:inline不起作用 服务器端代码: app.get("/download", (req, res) => { var URL = req.query.URL; res.header("Content-Disposition", 'inline; filename=

我正在使用node、express和ytdl编写一个简单的视频转换应用程序。我想将转换后的.mp4文件发送给用户,以便它可以显示在网页上

现在,当发送响应时,客户端只下载文件。设置
Content-Disposition:inline
不起作用

服务器端代码:

app.get("/download", (req, res) => {
  var URL = req.query.URL;
  res.header("Content-Disposition", 'inline; filename="ConvertedVideo.mp4"');
  ytdl(URL, {
    format: "mp4"
  }).pipe(res);
});

这会导致浏览器仅下载文件。目前,我唯一与此相关的客户端代码是:

var URL = document.getElementById("URL-input").value;
        window.location.href = `https://unplayer.glitch.me/download?URL=${URL}`;
      }

这将获取要转换的视频的url,并将浏览器重定向到
/download?url=${url}

为什么不将其设置为html5
元素的
src
呢?我不知道你的意思。你能举个例子吗?我的意思是你想在网页上显示它,所以它必须嵌入在网页上的html元素中。
元素就是您想要嵌入的元素。下面是关于该元素的文档:我知道
元素,但我想知道如何将转换后的.mp4文件指定为视频
src
。您可以使用javascript来实现这一点
var video=document.getElementById('video');var source=document.createElement('source');source.setAttribute('src','