Использование тега HTML5 Video с приложением create-реагировать

Question

Итак, у меня есть этот код

export default () => {
    return (
        <main>
            <section className="section-home">
                <div className="bg-video">
                    <video className="bg-video__content" src="./video/pn-video.mp4" autoPlay loop>
                        <source src="./video/pn-video.mp4" type="video/mp4" />
                        <source src="./video/pn-video.webm" type="video/webm" />
                        Your browser is not supported!
                    </video>
                </div>
            </section>
        </main>
    )
}

В файле Video.js этого проекта 'https://codesandbox.io/s/py2ryvrkrx' вы можете видеть, что он прекрасно работает без приложения create-реагировать.Тем не менее, везде (как локальные, так и в codeandbox), которые я пытался использовать, создай-реакция-приложение Firefox показывает это в консоли: «HTTP« Content-Type »типа« text / html »не поддерживается. Загрузка медиаресурса http://localhost:3000/video/pn-video.mp4 не удалось. "и я не могу на всю жизнь понять, как добавить больше типов пантомимы.

Заранее спасибо за вашу помощь!