Субтитры ReactPlayer не отображаются

Question

У меня проблема с компонентом ReactPlayer. Я пытаюсь загрузить субтитры (дорожки), используя атрибут config, и они не отображаются на видео.

Я запускаю этот проект на Chrome. В сети я обнаружил, что мой запрос был заблокирован с ошибкой "заблокировано: происхождение", поэтому я добавил:

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.

Answer 1

Не уверен, что вы когда-нибудь нашли решение, но у меня это сработало (если вы используете абсолютные пути):

          import introVideoText from 'assets/impacti_intro.vtt';

тогда

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

Answer 2

Тот же вопрос!

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

                        ]