0
我有一個視頻文件,我想將其作爲視頻顯示給瀏覽器。以後,我的前端可以調用這個視頻。文件表示狀態200正常,但未顯示(node.js,expressjs)
基本上我想訪問喜歡的API我的影片,所以在我的前端,如果我有
<video>
<source ="video/randomfile.mov" type="video/mov">
</video>
,它將使該文件,這裏是我的項目結構:
app.js
public -> videos -> video1.mov, video2.mov, video3.mov
views -> html files
node modules
這裏是我的代碼:
const express = require("express");
const app = express();
const bodyParser = require("body-parser");
app.set('views', __dirname + '/views');
app.use("/", express.static(__dirname + '/public'));
app.set('view engine', 'ejs');
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());
app.get("/videos/:name",function(req,res){
let name = req.params.name;
res.send("<video> <source src='"+name+"' type='video/mov' height='600px' width='700px'> </video>")
})
app.listen(port);
但是,當進入localhost:3000/videos/video1.mov時,視頻d oes不顯示,看着網絡標籤,它看起來像已經加載(因爲狀態是200好)。我也獲得了這個詞「錯誤」,其中通常會在瀏覽器中
編輯:在閱讀我的網絡選項卡
我意識到,(用於視頻)的類型被解讀爲一個文件
瀏覽器不支持.mov格式。您需要將視頻轉換爲適當的格式。 – karthick