Добавить видео герой / заголовок на главный сайт wordpress (магазин)

Я хочу, чтобы заголовок видео на моем основном сайте WordPress. Я использую Page specific stylesheet на моей главной странице с этим кодом, чтобы сделать заголовок на всей странице:

 .site-header { height: 100vh; } 

Я также использую Video Background , чтобы вставить видео. Вот как это выглядит:

введите описание изображения здесь

Он работает на рабочем столе, но на меньших экранах он показывает серый, сверху и снизу. На телефонах он вообще не появляется. Могу ли я исправить, или вы бы порекомендовали другой метод?

Ссылка на страницу: www.gullhaugensport.no/hannepanne

Solutions Collecting From Web of "Добавить видео герой / заголовок на главный сайт wordpress (магазин)"

Я думаю, вам нужно изменить CSS на свой элемент видео. Удалите max-width: 100% и установите высоту на height: 100vh; , Он обрезает края видео на меньших экранах, но это не поможет, если вы хотите, чтобы он был полноэкранным.