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#L210

new 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: {

    "": ""

  }

})