无法通过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并做出反应^ 15.6.1。 它可以显示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'
}