Parece que no puedo entender cómo hacer que un video html5 se procese en una aplicación de reacción a partir de archivos locales. Literalmente, la única forma en que he podido hacer que esto funcione es así:

<video src="http://www.w3schools.com/html/movie.mp4" controls />

Esto es lo que he intentado.

1) Incluyendo el camino directamente

<video src={require('path/to/file.mp4')} controls />

que devuelve un error

Module parse failed: /path/to/file.mp4 Line 1: Unexpected token ILLEGAL
You may need an appropriate loader to handle this file type.

2) Agregar estos cargadores uno a la vez a la configuración del paquete web

{
  test: /\.(mp4)$/,
  loader: 'file'
  // loader: 'url-loader'
  // loader: 'url-loader?limit=100000'
  // loader: 'file-loader'
  // loader: 'file-loader?name=videos/[name].[ext]'
},

esto escupe el siguiente error en el navegador

GET http://localhost:3000/530c2bf99dad0f857d46940b62b84946.mp4 404 (Not Found)

3) Intenté agregar una URL directa al archivo

<video src={require('http://localhost:3000/path/to/file.mp4')} controls />

pero aún errores:

Module not found: Error: Cannot resolve module 'http://localhost:3000/path/to/file.mp4' in path/to/file.mp4

4) Intenté agregar la extensión mp4 en mi configuración de paquete webcomo hizo esta persona

{
  test: /\.jpe?g$|\.gif$|\.png$|\.ico|\.svg$|\.woff$|\.ttf$|.mp4$/,
  loader: 'url-loader?limit=8192'
}

pero sin suerte

5) Empecé a implementarherramientas-isomorfas-webpack pero no estaba seguro de si esta era la dirección correcta, así que me detuve. Parece que este tipo lo hizo funcionar de esta manera. (ver archivo)

También noté en la documentación del paquete web bajoconvenciones del cargador esefile-loader cargará archivos de video.¿Esto significa que webpack no cargará otros tipos de video como.mov, .vob, .avi, etc.?

Si quieres echar un vistazo al código,aquí está el repositorio.

Recursos