ローカルビデオをリアクトでロードできません

Question

リアクトでローカルビデオを読み込むことができません。私はビデオを私のフォルダ "app/assets/video/concert.mp4"に入れました。ここで

render(){ return (<video src="../../app/assets/videos/concert.mp4" controls />); }

は私のファイル構造である：

• MusicianHub
  私のリアクトファイル "search_bar.jsx" で、私は、HTML5のvideoタグを持っている私はとビデオを調達しました
  • アプリ
    • 資産
      の
      • 動画
        • concert.mp4
  • フロントエンド
    • 成分
      • search_bar.jsx

あなたが外部ビデオを読み込む場合は、ビデオタグが動作します。ここに私のwebpack.config.jsがあります

module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /(node_modules|bower_components)/, 
     loader: 'babel', 
     query: { 
      presets: ['react', 'es2015'] 
     } 
     }, 
     { 
     test: /\.html$/, 
     loader: 'html-loader?attrs[]=video:src' 
    }, { 
     test: /\.mp4$/, 
     loader: 'url?limit=10000&mimetype=video/mp4' 
    } 
    ] 
    } 

Answer 1

私はビデオをCloudyのリモートソースにアップロードすることに決めました。誰もが助けてくれてありがとう。