отаю над веб-приложением для клиента, и существует проблема с тегом видео HTML5.

Проблема в том, что видео не загружается в Chrome, но работает в Safari, Firefox и IE.

Итак, я начинаю отладку в chrome, но обнаружил, что если я обновлю страницу с открытой консолью, видео загрузится. Но когда я закрываю консоль и обновляю, видео не загружается ...

Вот несколько вещей, которые я попробовал:

Есть несколько типов видео, в формате mp4 и webm. в componentDidMount замените видео тем же кодом.

Но, похоже, никто не работает ...

<div class="Top">
    <div class="video-container BGVideo">
        <video id="videobg" class="video-background" preload="true" loop="" autoplay="" poster="/img/azzura.jpg">
            <source src="/img/azzura.mp4">
            <source src="/img/azzura.webm">
        </video>
        <div class="video-overlay"></div>
        <div class="video-content">
            <div class="BGContent">
                <div class="scrollDown">
                    <a class="button"><i class="fa fa-chevron-down"></i></a>
                </div>
            </div>
        </div>
   </div>
</div>