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

【问题标题】：mkv video doesn't play in my nuxt project (webpage)mkv 视频无法在我的 nuxt 项目（网页）中播放
【发布时间】：2018-08-27 03:51:46
【问题描述】：

我是 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 的 build 部分定义值，但它不起作用（老实说，我真的不知道我在这里做什么，只是给了它一个拍摄）：

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

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

【问题讨论】：

将 video.mkv 放在 nuxt 项目中的静态文件夹下。然后将源元素中的 src 属性更改为 src="/video.mkv"。让我知道它是否有效。
如果您以 file:/// 的形式打开 mkv，那么您还必须以 file:/// 的形式打开网页，并且路径必须匹配。 mkv 也不是 Chrome 中支持的原生容器，因此可能无法播放，最后，如果它会播放，您需要定义适当的 mime 类型，以便服务器知道如何处理它

标签： html video vue.js nuxt.js mkv

【解决方案1】：

我也面临同样的问题。我发现了以下内容。 npm run dev：自动播放有效。 npm run build && npm run start : 自动播放不起作用。

我的package.json：

"scripts": {
  "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
  "build": "nuxt build",
  "start": "cross-env NODE_ENV=production nodemon server/index.js --watch server"
}

所以我猜这个问题是由NODE_ENV=production 引起的。

【讨论】：