Блог

Я создал песочницу, показывающую проблему. В изолированной среде видеоплеер работает, но замена кода на приведенный ниже код не работает. Если я перемещаю src={filePa.. в <video.. , тогда он работает, но без подписи не знаю

Я пишу этот код, и он работает:

 return (
    <div className="pg-driver-view">
        <div className="video-container">
            {this.renderLoading()}
            <video
                style={{ visibility }}
                controls
                type={`video/${fileType}`}
                onCanPlay={e => this.onCanPlay(e)}
                src={filePath}
            >
                Video playback is not supported by your browser.
            </video>
            
        </div>
    </div>
);
  

Затем я пробую это, и это не работает, проигрыватель не показывает никаких предупреждений, никаких сообщений в журнале:

 return (
    <div className="pg-driver-view">
        <div className="video-container">
            {this.renderLoading()}
            <video style={{ visibility }} controls onCanPlay={e => this.onCanPlay(e)}>
                Video playback is not supported by your browser.
                <source src={filePath} type={`video/${fileType}`} />
                <track src="test_captions_en.vtt" kind="captions" srcLang="en" label="hello_english_captions" />
            </video>
        </div>
    </div>
);
  

Есть идеи?