mkv视频无法在我的nuxt项目（网页）中播放

Question

我是Vue.js / Nuxt / Webpack的新手

问题：我的网页显示视频。这适用于普通格式，如.mp4，但我尝试显示.mkv视频，产生错误：

模块解析失败：意外字符' - >'（1：0）您可能需要适当的加载程序来处理此文件类型。 （此二进制文件省略了源代码）

如果我在chrome中打开.mkv文件，则视频会正常播放。所以，我尝试在我的项目中使用浏览器中的代码：

<video controls="" autoplay="" name="media"><source src="file:///F:/test/video.mkv" type="video/webm"></video>

这适用于普通网页，但不适用于我的nuxt / vue项目。知道我可以在哪里配置nuxt来显示这种格式吗？

我在某处读到了我可以在nuxt.config.js或webpack.config.js中设置它，但我不知道该怎么做。

我尝试在nuxt.config.js的构建部分中定义值，但它不起作用（老实说，我真的不知道我在这里做了什么，只是给了它一个镜头）：

  loaders: [
    {
      test: /\.(mkv)$/,
      loader: 'file-loader',
      query: {
        limit: 100
      }
    }
  ]

我只是想在Chrome中使用它，但真正的问题似乎是nuxt配置。