反应播放器中的Wistia播放导致错误" XMLHttpRequeset构造函数已被篡改"

时间:2018-05-07 02:53:32

标签: reactjs cors xmlhttprequest hls wistia

我有一个像这样嵌入的ReactPlayer:

<ReactPlayer
          ref={this.ref}
          className="storyPlayer__reactPlayer"
          width="100%"
          height="100%"
          url="https://getleda.wistia.com/medias/bjz07hdxqx"
          playing
          onReady={() => {
            this.setState({ ready: true });
          }}
          onProgress={this.onProgress}
        />

如果网址明显指向wistia,我在控制台中收到以下错误,播放器无效:

  

judy XMLHttpRequest构造函数已被篡改。因为   这会影响CORS / Range XHR请求,HLS播放已被禁用。   要启用HLS播放和其他重要功能,请删除   更改window.XMLHttpRequest。

定义的代码

有什么想法会导致这种情况以及如何解决?

1 个答案:

答案 0 :(得分:1)

您的视频网址https://nanocorp.wistia.com/medias/dczbohg06v无法公开访问。

切换到可公开访问的视频网址会有效:

<ReactPlayer url="https://youtu.be/nLF0n9SACd4" />

Edit v0kl4mv9rl