Не удается загрузить локальное видео с помощью React

Question

Я не могу загрузить локальное видео с помощью React. Я поместил видео в свою папку «app/assets/video/concert.mp4». В моем React файл "search_bar.jsx", у меня есть видео тег HTML5 Я считанного на видео, как:

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

Вот моя структура файла:

• MusicianHub
  • приложение
    • активы
      • видео
        • concert.mp4
  • Frontend
    • компоненты
      • 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

Я решил пойти с загрузкой видео Cloudinary, удаленным источник вместо этого. Спасибо за помощь каждого.