ReactPlayer 字幕未显示答案

【问题标题】：ReactPlayer subtitle not showingReactPlayer 字幕未显示
【发布时间】：2019-09-27 08:33:33
【问题描述】：

ReactPlayer 组件有问题。我正在尝试使用配置属性上传字幕（曲目），但它没有显示在视频上。

我正在 Chrome 上运行这个项目。在 Networks 中，我发现我的请求因错误“blocked:origin”而被阻止，这就是我添加的原因：

attributes: {
    crossOrigin: 'true'
}

这是我的 ReactPlayer 组件：

<ReactPlayer
    url='video/myVideo'
    className="myClass"
    config= {
        file: {
            attributes: {
                crossOrigin: 'true'
            },
            tracks: [
                {kind: 'subtitles', src: 'subs/mySubtitle', srcLang: 'en', default: true}
            ]
        }
    }
/>

另外，我正在使用 React v16.2.0 和 ReactPlayer v0.25.3。

【问题讨论】：

您可能只是缺少 .vtt src: 'subs/mySubtitle.vtt'
你找到解决办法了吗？

标签： reactjs react-native subtitle react-player

【解决方案1】：

同样的问题！

 tracks:        [
                            {
                                kind: 'subtitles',
                                src: this.state.trackUrl,
                                srcLang: 'en',
                                default: true,
                            },

                        ]

【讨论】：

你找到解决办法了吗？

【解决方案2】：

不确定您是否找到了解决方案，但这对我有用（如果您使用绝对路径）：

    import introVideoText from 'assets/impacti_intro.vtt';

然后

    config={{
              file: {
                tracks: [
                  {
                    kind: 'subtitles',
                    src: introVideoText,
                    srcLang: 'en',
                    default: true,
                  }
                ],
              },

【讨论】：