Question

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

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

模块解析失败：意外字符＆＃39; - ＆gt;＆＃39; （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配置。

Answer 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的某些处理。

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

1 个答案: