2017-07-18 6 views
0

ビデオとしてのみ表示するビデオファイルがあります。それで、後で、私のフロントエンドはこのビデオを呼び出すことができます。ファイルのステータスは200です。okですが、表示されません(node.js、expressjs)

基本的に私はここに、私は

<video> 
    <source ="video/randomfile.mov" type="video/mov"> 
</video> 

を持っている場合は、私のフロントエンドにはそれがファイルをレンダリングするように、APIのように自分の動画にアクセスするには、私のプロジェクト構造である:

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 okです)。私はまた、通常はブラウザ

EDITに行く「エラー」という単語を取得しています:私は(ビデオ用)タイプは、ドキュメントとして読み込まれていることを認識し、私のネットワークタブを読め

+0

ブラウザのサポートは.mov形式です。ビデオを適切な形式に変換する必要があります。 – karthick

答えて

0

.movは、動画タグで使用できるフォーマットではありません。 WebM、Ogg、mp4などに変換してから、アセットを再アップロードし、正しいフォーマットで新しいものを参照する必要があります。使用可能な形式のリンクは次のとおりです。HTML5 video formats

関連する問題