Chrome не отображает видео HTML5 до тех пор, пока размер страницы не будет изменен.

Я пытаюсь создать полноценное фоновое видео для разрабатываемого мной веб-сайта.

У меня все теги видео настроены правильно, они отлично работают в Safari и Firefox, но в Chrome возникают проблемы.

Когда я нажимаю кнопку воспроизведения в Chrome, начинается воспроизведение звука, но видео не появляется. Видео появляется только в том случае, если вы измените размер страницы или сделаете что-то еще, например, выделите текст на странице. Затем на странице отображается видео.

Есть ли способ исправить это или заставить Chrome правильно рендерить видео? Это не похоже на проблему с кодеком, поскольку он отлично воспроизводится после изменения размера страницы (и размер страницы не имеет значения, вы можете вернуть его к исходному размеру, и он будет продолжать воспроизведение).

Тестовый сайт: www.mashwork.com/testsite

См. Код:

#mashvid {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    min-width: 100%;
    z-index: -5;
}