Javascript 如何在客户端页面上显示通过响应头从服务器发送的.mp4
我正在使用node、express和ytdl编写一个简单的视频转换应用程序。我想将转换后的.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=
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','