Как лучше сделать фоновое видео для сайта в вородпресс?

Question

[Алексей Михайлов]

Вижу две возможности сделать фоновое видео на первый экран в WordPress (Тема: Uncode; конструктор WPBakery Page Builder).

1. Задать фон блоку
2. Через HTML-контейнер, при помощи тега

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

Answer 1

[approximate solution]

Стандартный тэг video, а контент который должен быть поверх видеофона -position: absolute.
Либо использовать плагины.

С точки зрения, например, скорости загрузки.

Менять на мобильных видеофон на фоновую картинку, т.к на первом экране видеофон - это позерство, которое жрет проц и батарею(+трафик).

Comments

[Алексей Михайлов]

А почему решение засунуть видео в фон к блоку хуже?

[approximate solution]

Алексей Михайлов, Легче манипулировать с DOM через JS, допустим вы можете сделать отложенную загрузку видео, либо прикрутить еще какие либо плюшки. Стандартные плагины WP, делают то же самое, только вместо тэга видео используют iframe.

[Алексей Михайлов]

approximate solution, спасибо! То есть минусы, если я сделаю видео в качестве бэкграунда блока по сравнению со стандартным тегом "видео" это:
1. Сложнее манипулировать с DOM через JS
2. Нельзя поставить предзагрузочную картинку
Верно?

[approximate solution]

Алексей Михайлов,

1. Сложнее манипулировать с DOM через JS

Оно вам может не понадобиться.

2. Нельзя поставить предзагрузочную картинку

Можно, просто никто так не делает, открываете линк который показывает как делать фон, и самым адевакватным решением будет решение описанное выше.
https://redstapler.co/responsive-css-video-background/
https://www.w3schools.com/howto/howto_css_fullscre...

[Алексей Михайлов]

approximate solution, спасибо огромное!

Answer 2

[Орхан Гасанлы]

Если рассматриваете возможность использования плагина, то:
Revolution Slider или Layer Slider

Comments

[Алексей Михайлов]

Спасибо большое!