反应播放器在 Safari 上显示损坏的视频

Question

我似乎无法让 react-player 在 Safari 浏览器上运行。不过它在 Chrome 和 Firefox 中运行良好 这是我的播放器组件

  <ReactPlayer
    className="player"
    url={videoUrl}
    controls
    height="210px"
    width="370px"
    onDuration={e => setMinTime(e)}
    config={{
      file: {
        attributes: {
          controlsList: 'nodownload',
        },
      },
    }}
  />

没什么特别的。我异步获取 videoUrl 但即使我对 URL 进行硬编码，我仍然无法在 Safari 上播放它