2017-07-18 88 views
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好)。我也獲得了這個詞「錯誤」,其中通常會在瀏覽器中

編輯:在閱讀我的網絡選項卡

我意識到,(用於視頻)的類型被解讀爲一個文件

+0

瀏覽器不支持.mov格式。您需要將視頻轉換爲適當的格式。 – karthick

回答

0

.mov不適用於視頻標籤。您需要轉換爲WebM,Ogg,mp4等,然後重新上傳資源並以正確的格式引用新資源。這裏是一個可接受的格式鏈接:HTML5 video formats