2017-07-27 25 views
0
{ 
    test: /\.html$/, 
    loader: 'html-loader?attrs[]=video:src' 
    }, 
    { 
    test: /\.(jpg|png|gif|svg)$/, 
    use: [ 
     { 
     loader: "url-loader", 
     options: {limit: 8192} 
     } 
    ] 
    }, 
    { 
    test:/\.mp4$/, 
    loader: 'url-loader?limit=10000&mimetype=video/mp4' 
    } 

これはwebpackで設定したものです。反応してローカルビデオを見つけることができません^ 15.6.1 + webpack2

<video width="100%" height="100%" src="./1.mp4" controls> 
    Your browser does not support HTML5 video. 
</video> 

これはjsで書いたものです。

私はwebpack2を使用し、^ 15.6.1と反応します。 vedioのコントロールを表示することはできますが、ローカルのvedioは見つかりません。ここ

答えて

0

const videos = { 
    test: require("./1.mp4") 
}; 

<video width="100%" height="100%" src={videos.test} controls> 
    Your browser does not support HTML5 video. 
</video> 

ビデオ

へのWebPACKを .mp4ファイルを追加するためのコードです: file-loader

{ 
    test: /\.mp4$/, 
    loader: 'file' 
} 
+0

を使用ありがとうございました! –

+0

ようこそ。答えをアップアップしてください... –

関連する問題