video.js 在 Internet Explorer 中抛出 InvalidStateError

Question

在 IE11 中使用video.js播放器无法加载视频片段。

如果我查看控制台，我会看到“InvalidStateError”错误。

违规行位于包的xhr库依赖项中video.js：

// node_modules/video.js/node_modules/xhr/index.js#L210

|  if ("responseType" in options) {

>     xhr.responseType = options.responseType

|  }

如果我在我的电脑上手动删除这条线，播放器就会工作。

我怎样才能解决这个问题？我正在使用 webpack 构建我的应用程序。

Answer 1

这很hacky，但您可以使用该webpack-plugin-replace插件通过将其替换为空字符串来删除该行。// fixes "InvalidStateError" in IE which occurs at:// node_modules/video.js/node_modules/xhr/index.js#L210new ReplacePlugin({  include: [    "/node_modules/video.js/node_modules/xhr/index.js"  ],  patterns: [    {      regex: /xhr\.responseType = options\.responseType/,      value: ''    }  ],  // required due to a bug in `webpack-plugin-replace`  // see: https://github.com/lukeed/webpack-plugin-replace/issues/6  values: {    "": ""  }})