如何在 React Player 中添加字幕？答案

【问题标题】：Adding subtitles in React Player?如何在 React Player 中添加字幕？
【发布时间】：2022-06-16 18:43:39
【问题描述】：

我正在尝试在 React Player 组件中添加字幕，这是 React Player 组件的代码

  <ReactPlayer
          url={vidData.media[0]}
          controls={true}
          width={"100%"}
          height={"auto"}
          playing={playVid}
          muted={true}
          className="react-workout-player"
          config={{
            file: {
              attributes: {
                crossOrigin: "true",
              },
              tracks: [
                {
                  kind: "subtitles",
                  src: "https://prod.fitflexapp.com/files/captions/2021/11/18/23-b2j0oOsJ.vtt",
                  srcLang: "en",
                  default: true,
                },
              ],
            },
          }}
        />

我无法理解我做错了什么，因为他们没有出现在视频中。请帮忙

【问题讨论】：

this Answer 对您有帮助吗？
这也不起作用

标签： javascript reactjs video react-player

【解决方案1】：

我发现了问题，字幕 url 给了我 CORS 政策问题，因为 url 不同，上面的代码很好，如果你放置下载的文件路径或修复 url 并删除 CORS 源政策问题，它应该可以工作

【讨论】：