react^15.6.1+webpack2找不到本地视频

Question

  {
    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中设置的

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

这是我用js写的

我使用 webpack2 和 react^15.6.1。可以显示vedio的控件，但是找不到本地vedio

Answer 1

这是将 .mp4 文件添加到视频的代码

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

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

webpack : 使用 file-loader

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

react^15.6.1+webpack2找不到本地视频

can not find local video by react^15.6.1+webpack2

html

loader

reactjs

webpack-2